/* Public site chrome — single canonical owner.
   Header, customer quick navigation and Store rail are composed here so a
   shared control stylesheet cannot reopen the grid later in the cascade. */
body.public-site {
  --public-max:1200px;
  --public-chrome-max:1200px;
  --public-page:var(--gv-canvas);
  --public-surface:var(--gv-surface);
  --public-surface-soft:var(--gv-surface-subtle);
  --public-text:var(--gv-text);
  --public-text-soft:var(--gv-text-muted);
  --public-muted:var(--gv-text-muted);
  --public-border:var(--gv-border);
  --public-border-strong:var(--gv-border-strong);
  --public-primary:var(--gv-primary);
  --public-primary-hover:var(--gv-text-muted);
  --public-primary-soft:var(--gv-surface-muted);
  --public-focus:#2563eb;
  --theme-page-bg:var(--public-page);
  --theme-surface:var(--public-surface);
  --theme-surface-subdued:var(--public-surface-soft);
  --theme-text:var(--public-text);
  --theme-text-secondary:var(--public-muted);
  --theme-border:var(--public-border);
  --theme-border-strong:var(--public-border-strong);
  --theme-control:var(--public-surface);
  --theme-text-muted:var(--public-muted);
  --theme-action:var(--public-primary);
  --theme-action-text:var(--gv-primary-text);
  --theme-accent:var(--public-primary);
  --theme-accent-text:var(--gv-primary-text);
  --accent:var(--public-primary);
  --accent-contrast:var(--gv-primary-text);
  margin:0;
  min-width:320px;
  background:var(--public-page);
  color:var(--public-text);
  font:400 14px/1.5 var(--gv-font-sans);
}
body.public-site *,body.public-site *::before,body.public-site *::after{box-sizing:border-box}
body.public-site [hidden]{display:none!important}
body.public-site :is(button,input,select,textarea){font:inherit}
body.public-site button,body.public-site summary{cursor:pointer}
body.public-site :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--public-focus);outline-offset:3px}
body.public-site img{max-width:100%}
body.public-site .public-site-container{width:min(var(--public-max),calc(100% - clamp(24px,4vw,48px)));min-width:0;margin-inline:auto}
body.public-site :is(.public-home-main,.public-store-main,.public-product-main,.service-catalog-main,.public-checkout-main){container:public-canvas public-workspace / inline-size;min-width:0}
body.public-site :is(main .public-site-container,.service-catalog-shell,.public-checkout-shell){container:public-workspace / inline-size;min-width:0}
body.public-site .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:36px;height:auto;padding:7px clamp(8px,1.2cqi,16px);border:1px solid var(--public-primary);border-radius:var(--gv-radius-button);background:var(--public-primary);color:var(--gv-primary-text);font-size:14px;line-height:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere;text-decoration:none;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}
body.public-site .button.secondary{border-color:var(--public-border);background:var(--public-surface);color:var(--public-text)}
body.public-site .button.secondary:hover{border-color:var(--public-border-strong);background:var(--public-surface-soft)}

/* Header ----------------------------------------------------------------- */
body.public-site .public-chrome-stack{position:sticky;top:0;z-index:4000;display:block;width:100%;background:var(--chrome-bg);transition:transform 220ms cubic-bezier(.2,.8,.2,1)}
body.public-site .public-chrome-stack[data-public-directional-scroll].is-scroll-hidden{transform:translate3d(0,-100%,0);pointer-events:none}
body.public-site .public-site-header{position:relative;z-index:30;min-height:60px;margin:0;border:0;border-bottom:1px solid var(--chrome-line);background:color-mix(in srgb,var(--chrome-bg) 94%,transparent);color:var(--chrome-text);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/*
 * Public header geometry is owned here as one flex row. Guest and signed-in
 * states share the exact homepage media frame, so the brand and final action
 * align to the banner edges in both states. Guest search remains elastic; an
 * authenticated customer uses the compact search trigger and the existing
 * catalog dialog so navigation never needs a wider header track.
 */
body.public-site .public-site-header-inner{
  position:relative;z-index:1;overflow:visible;
  width:min(var(--public-max),calc(100% - 48px));
  max-width:var(--public-max);
  min-height:60px;
  margin-inline:auto;
  padding: 12px 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 12px;
}
/* Signed-in desktop keeps the exact 1200px banner frame but treats customer
   navigation and wallet/account controls as one compact end-side cluster. The
   brand owns the start edge; the flexible first track absorbs unused width. */
body.public-site .public-site-header-inner.is-authenticated{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  column-gap:var(--customer-header-gap);
}
body.public-site .public-site-brand{display:flex;align-items:center;gap:8px;flex:0 1 260px;min-width:0;max-width:260px;height:38px;padding:0 4px;border-radius:8px;color:var(--chrome-text);text-decoration:none}
body.public-site .public-site-header-inner.is-authenticated .public-site-brand{grid-column:1;justify-self:start;width:min(100%,260px);max-width:260px}
body.public-site .public-site-brand-copy{display:block;min-width:0}
body.public-site .public-site-brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;font-weight:600;letter-spacing:-.02em}
body.public-site .public-site-brand-visual{display:flex;align-items:center;justify-content:center;width:44px;height:44px;max-width:44px;flex:0 0 44px;min-width:44px;min-height:44px;overflow:visible;padding: 4px}
body.public-site .public-site-brand-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;clip-path:none;border-radius:0;transform:none}
body.public-site .public-header-search{display:block;flex:1 1 680px;width:auto;min-width:260px;max-width:none;margin:0}
body.public-site .public-header-search-trigger{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:0;border-radius: var(--gv-radius-button);background:transparent;color:var(--chrome-text);box-shadow:none;cursor:pointer;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
body.public-site .public-header-search-trigger:hover{background:var(--chrome-hover);color:var(--chrome-text)}
body.public-site .public-header-search-trigger:active{transform:scale(.96)}
body.public-site .public-header-search-trigger:focus-visible{outline:2px solid var(--chrome-text);outline-offset:2px}
body.public-site .public-header-search-trigger svg{display:block;width:18px;height:18px}
body.public-site .public-header-search-control{min-height:38px;height:38px;border-radius:8px;background:var(--chrome-hover);transition:border-color 120ms ease,background-color 120ms ease,box-shadow 120ms ease}
body.public-site .public-header-search-control:hover{background:color-mix(in srgb,var(--chrome-text) 6%,var(--chrome-bg))}
body.public-site .public-header-search-control:focus-within{border-color:var(--chrome-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--chrome-text) 7%,transparent)}
body.public-site .public-header-search-control>input{height:36px;font-size:14px}
body.public-site .customer-header-navigation{display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:var(--customer-header-gap);min-width:0;white-space:nowrap}
body.public-site .public-customer-primary{grid-column:2;display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:var(--customer-header-gap);min-width:0;white-space:nowrap}
body.public-site .public-site-header-actions{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;gap:var(--customer-header-gap);min-width:0;white-space:nowrap}
body.public-site .public-site-header-inner.is-authenticated .public-site-header-actions{grid-column:3;justify-self:end;margin:0}
body.public-site .public-site-header-actions :is(.public-theme-toggle,.public-language-button){display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius: var(--gv-radius-button);background:transparent;color:var(--chrome-text);list-style:none;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
body.public-site .public-site-header-actions :is(.public-theme-toggle,.public-language-button):hover{background:var(--chrome-hover);color:var(--chrome-text)}
body.public-site .public-site-header-actions :is(.public-theme-toggle,.public-language-button):active{transform:scale(.96)}
body.public-site :is(.public-header-signin,.public-mobile-signin){display:inline-flex;align-items:center;justify-content:center;width:auto;height:36px;min-height:36px;padding:0 16px;border:1px solid var(--chrome-line);border-radius:8px;background:var(--chrome-bg);color:var(--chrome-text);white-space:nowrap}
body.public-site .public-theme-toggle svg{display:block;width:18px;height:18px}
body.public-site .public-theme-toggle .public-theme-sun{display:none}
body.public-site .public-theme-toggle[data-theme="dark"] .public-theme-sun{display:block}
body.public-site .public-theme-toggle[data-theme="dark"] .public-theme-moon{display:none}
body.public-site summary::-webkit-details-marker{display:none}
body.public-site :is(.public-language-menu,.public-nav-dropdown){position:relative}
body.public-site :is(.public-language-popover,.public-nav-dropdown-menu){position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:4100;width:220px;max-width:calc(100vw - 32px);max-height:min(420px,70dvh);overflow-y:auto;padding:8px;border:1px solid var(--public-border);border-radius:12px;background:var(--public-surface);color:var(--public-text);box-shadow:0 10px 24px rgba(0,0,0,.08)}
body.public-site details:not([open])>:is(.public-language-popover,.public-nav-dropdown-menu){display:none}
body.public-site .public-language-popover-title{display:block;padding: 8px 12px;font-size:12px;font-weight:500;color:var(--public-muted)}
body.public-site :is(.public-language-option,.public-nav-dropdown-menu>a){display:flex;align-items:center;gap: 12px;min-height:38px;padding: 8px 12px;border-radius:6px;color:var(--public-text);text-decoration:none}
body.public-site .public-language-option b{font-weight:500}
body.public-site :is(.public-language-option,.public-nav-dropdown-menu>a):is(:hover,.is-active){background:var(--public-surface-soft)}
@keyframes gv-public-language-choice{0%{transform:scale(1)}45%{transform:scale(.975)}100%{transform:scale(1)}}
body.public-site .public-language-option{transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
body.public-site .public-language-option.is-language-pending{background:var(--public-surface-soft);animation:gv-public-language-choice 140ms cubic-bezier(.2,.8,.2,1)}
body.public-site .public-language-option:active{transform:scale(.985);background:var(--public-surface-soft)}
body.public-site .public-mobile-signin,body.public-site .public-mobile-sheet-backdrop{display:none}

/* Optional CMS navigation rail. It only exists when actual items are rendered. */
body.public-site .public-site-nav-container{width:min(var(--public-chrome-max),calc(100% - 48px));max-width:var(--public-chrome-max);height:34px;margin-inline:auto;padding:0;display:flex;align-items:center;border-top:1px solid color-mix(in srgb,var(--chrome-line) 70%,transparent)}
body.public-site .public-site-nav-wrap{width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}
body.public-site .public-site-nav-wrap::-webkit-scrollbar{display:none}
body.public-site .public-site-nav{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;width:max-content;min-width:100%;white-space:nowrap}
body.public-site .public-site-nav>:is(a,details){min-width:0;max-width:100%}
body.public-site .public-site-nav>a,body.public-site .public-nav-dropdown>summary{position:relative;z-index:1;display:flex;align-items:center;min-height:30px;height:30px;padding: 0 12px;border:0;border-radius:8px;background:transparent;color:var(--chrome-muted);text-decoration:none;font-size:13px;font-weight:500;list-style:none;white-space:normal;overflow-wrap:anywhere;text-align:start;transition:color 120ms ease}
body.public-site .public-site-nav>a:is(:hover,.is-active),body.public-site .public-nav-dropdown>summary:hover,body.public-site .public-nav-dropdown.is-active>summary{color:var(--chrome-text);background:transparent}
body.public-site .public-site-nav-hover-pill{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;height:30px;width:0;border-radius:8px;background:color-mix(in srgb,var(--chrome-text) 5%,transparent);opacity:0;pointer-events:none;transform:translate3d(0,0,0);transition:width 240ms cubic-bezier(.2,.8,.2,1),transform 280ms cubic-bezier(.16,1,.3,1),opacity 80ms linear}
body.public-site .public-site-nav.is-pill-visible .public-site-nav-hover-pill{opacity:1}
body.public-site .public-nav-dropdown-menu{inset-inline-start:0;inset-inline-end:auto;width:260px}
body.public-site .public-nav-dropdown-menu>a{height:auto;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}

/* Store rail -------------------------------------------------------------- */
body.public-site .public-commerce-bar{position:relative;top:auto;z-index:10;margin:0;border:0;border-bottom:1px solid var(--chrome-line);background:var(--chrome-bg);color:var(--chrome-text)}
body.public-site .public-commerce-bar-inner{width:100%;max-width:none;min-height:38px;margin:0;padding-inline:16px;display:flex;align-items:center;justify-content:flex-start;gap: 12px}
body.public-site .public-commerce-categories{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:32px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--chrome-text);font:500 13px var(--gv-font-sans);white-space:nowrap}
body.public-site .public-commerce-shortcuts{display:flex;align-items:center;justify-content:flex-start;flex:1;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}
body.public-site .public-commerce-shortcuts::-webkit-scrollbar{display:none}
body.public-site .public-commerce-shortcuts a{flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 8px 12px;border-radius:6px;color:var(--chrome-muted);text-decoration:none;font-size:12px}
body.public-site :is(.public-commerce-shortcuts a,.public-commerce-categories):hover,body.public-site .public-commerce-shortcuts a.is-active{color:var(--chrome-text);background:var(--chrome-hover)}
body.public-site .public-commerce-shortcuts .public-commerce-custom-link{min-height:30px;max-width:none;overflow:visible;text-overflow:clip;padding: 4px 12px;margin-inline-start:3px;display:inline-flex;align-items:center;gap: 8px;border:1px solid color-mix(in srgb,var(--chrome-text) 18%,var(--chrome-line));border-radius:8px;background:color-mix(in srgb,var(--chrome-text) 6%,transparent);color:var(--chrome-text);font-weight:600}
body.public-site .public-commerce-shortcuts .public-commerce-custom-link>span:first-child{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
body.public-site .public-commerce-shortcuts .public-commerce-custom-link:hover,body.public-site .public-commerce-shortcuts .public-commerce-custom-link.is-active{border-color:color-mix(in srgb,var(--chrome-text) 30%,var(--chrome-line));background:color-mix(in srgb,var(--chrome-text) 11%,transparent);color:var(--chrome-text)}
body.public-site .public-commerce-custom-link-mark{flex:none;font-size:11px;line-height:1;opacity:.72}
body.public-site .public-commerce-cart-button{flex:none;margin-inline-start:auto;border:0;background:transparent;color:var(--chrome-text)}

/* All Categories drawer --------------------------------------------------- */
body.public-site .public-commerce-drawer{position:fixed;inset:0;z-index:6000;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}
body.public-site .public-commerce-drawer::backdrop{background:rgba(0,0,0,.22)}
html.public-commerce-drawer-open{overflow:hidden}
body.public-site .public-commerce-drawer-panel{position:absolute;inset:8px auto 8px 8px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(360px,calc(100vw - 16px));height:auto;padding: 16px;overflow:hidden;border:1px solid var(--public-border);border-radius: var(--gv-radius-card);background:var(--public-surface);color:var(--public-text);box-shadow: none;animation:public-drawer-enter 220ms cubic-bezier(.16,1,.3,1) both}
html[dir="rtl"] body.public-site .public-commerce-drawer-panel{inset:8px 8px 8px auto;animation-name:public-drawer-enter-rtl}
body.public-site .public-commerce-drawer-panel>header{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 8px;border-bottom:1px solid var(--public-border)}
body.public-site .public-commerce-drawer-panel>header>div{display:grid;gap: 4px}
body.public-site .public-commerce-drawer-panel small{color:var(--public-muted)}
body.public-site .public-drawer-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--public-border);border-radius:6px;background:transparent;color:var(--public-text)}
body.public-site .public-commerce-drawer-search{display:flex;align-items:center;gap:8px;height:40px;margin:0;padding: 0 12px;border:1px solid var(--public-border-strong);border-radius:8px;background:var(--public-surface);color:var(--public-muted)}
body.public-site .public-commerce-drawer-search-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
body.public-site .public-commerce-drawer-search input{appearance:none;width:100%;min-width:0;height:38px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--public-text);box-shadow:none;font-size:16px}
body.public-site .public-commerce-drawer-search:focus-within{outline:2px solid var(--public-text);outline-offset:2px}
body.public-site .public-commerce-drawer-search input:focus{border:0;outline:0;box-shadow:none}
body.public-site .public-commerce-drawer-search input::-webkit-search-cancel-button,body.public-site .public-header-search input::-webkit-search-cancel-button{display:none}
body.public-site .public-commerce-drawer-list{min-height:0;margin:0;overflow-y:auto;padding-inline-end: 8px;scrollbar-width:thin;scrollbar-color:var(--public-border-strong) transparent}
body.public-site .public-commerce-drawer-list a{display:flex;align-items:center;min-height:40px;padding: 8px 12px;border:0;border-radius:8px;color:var(--public-text);text-decoration:none;font-size:13px;font-weight:500;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
body.public-site .public-commerce-drawer-list a:hover{background:var(--public-surface-soft)}
body.public-site .public-commerce-drawer-list a:active{transform:scale(.995)}
body.public-site .public-commerce-drawer-list a span{min-width:0;overflow-wrap:anywhere}
@keyframes public-drawer-enter{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes public-drawer-enter-rtl{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}

/* Smooth CMS marquee transport ------------------------------------------ */
.gv-public-top-strip .gv-smooth-marquee{display:block;max-width:100%;overflow:hidden;contain:paint}
.gv-public-top-strip .gv-smooth-marquee__track{display:flex;width:max-content;min-width:max-content;align-items:center;transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;animation:gv-smooth-marquee-left var(--gv-smooth-marquee-duration,12s) linear infinite;animation-play-state:running}
.gv-public-top-strip .gv-smooth-marquee__track.is-right{animation-name:gv-smooth-marquee-right}
.gv-public-top-strip .gv-smooth-marquee__track.is-alternate{animation-direction:alternate}
.gv-public-top-strip .gv-smooth-marquee__track.is-slide{animation-iteration-count:1;animation-fill-mode:forwards}
.gv-public-top-strip .gv-smooth-marquee__group{flex:0 0 auto;min-width:max-content;white-space:nowrap}
@keyframes gv-smooth-marquee-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--gv-smooth-marquee-shift,-100%),0,0)}}
@keyframes gv-smooth-marquee-right{from{transform:translate3d(var(--gv-smooth-marquee-shift,-100%),0,0)}to{transform:translate3d(0,0,0)}}

/* Responsive chrome ------------------------------------------------------ */
@media(max-width:1180px) and (min-width:901px){
  body.public-site .public-site-header-inner{width:calc(100% - 48px);gap: 8px}
  body.public-site .public-site-brand{flex-basis:170px;max-width:170px;padding-inline:2px}
  body.public-site .public-site-header-inner.is-authenticated{grid-template-columns:minmax(150px,1fr) auto auto;column-gap:var(--customer-header-gap)}
  body.public-site .public-site-header-inner.is-authenticated .public-site-brand{width:min(100%,190px);max-width:190px}
  body.public-site .public-header-search{flex-basis:360px;min-width:190px}
  body.public-site .customer-header-link{gap: 4px;padding-inline: 8px;font-size:12px}
  body.public-site .public-customer-balance{padding-inline: 8px}
  body.public-site .public-commerce-bar-inner{width:100%;padding-inline:16px}
  body.public-site .public-site-nav-container{width:calc(100% - 24px)}
}
@media(max-width:900px){
  body.public-site .public-chrome-stack.is-scroll-hidden{transform:translateY(-100%)}
  body.public-site .public-site-header{min-height:0}
  body.public-site .public-site-header-inner{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding: 12px 16px}
  body.public-site .public-site-header-inner.is-authenticated{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(36px,auto) minmax(38px,auto);column-gap:8px;row-gap:8px}
  body.public-site .public-site-header-inner.is-guest .public-site-brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;width:100%;overflow:visible}
  body.public-site .public-site-header-inner.is-guest .public-site-brand-copy{min-width:0;max-width:100%;overflow:hidden}

  body.public-site .public-site-brand,body.public-site .public-site-header-inner.is-authenticated .public-site-brand{grid-column:1;grid-row:1;justify-self:start;width:auto;max-width:none;min-height:44px;height:44px;padding:0}
  body.public-site .public-site-header-actions{grid-column:2;grid-row:1;gap:var(--customer-header-gap)}
  body.public-site .public-site-header-inner.is-authenticated .public-site-brand{grid-column:1/-1;grid-row:1;min-width:0;max-width:100%;width:100%;overflow:visible;justify-self:stretch}
  body.public-site .public-site-header-inner.is-authenticated .public-site-brand-copy{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}
  body.public-site .public-site-header-inner.is-authenticated .public-customer-primary{grid-column:1;grid-row:2;min-width:0;justify-self:start;gap:0}
  body.public-site .public-site-header-inner.is-authenticated .public-site-header-actions{grid-column:2;grid-row:2;min-width:0;max-width:100%;justify-self:stretch;justify-content:flex-end;flex-wrap:wrap;gap:var(--customer-header-gap)}
  body.public-site .customer-header-navigation{display:none}
  body.public-site .public-header-search{grid-column:1/-1;grid-row:2;width:100%;min-width:0;max-width:none}
  body.public-site .public-header-search-control{height:40px;min-height:40px}
  body.public-site .public-header-search-control>input{height:38px;font-size:16px}
  body.public-site .public-site-header-inner.is-authenticated .public-site-brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.public-site .public-site-header-inner.is-authenticated .public-customer-balance{min-width:0;max-width:100%;white-space:normal}
  body.public-site .public-site-header-inner.is-authenticated .public-customer-balance strong{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere}
  body.public-site .public-header-signin{display:inline-flex;padding-inline: 12px;font-size:12px}
  body.public-site .public-site-nav-container{width:100%;height:auto;padding: 0 16px 8px;border-top:1px solid color-mix(in srgb,var(--chrome-line) 70%,transparent)}
  body.public-site .public-site-nav{justify-content:flex-start}
  body.public-site .public-commerce-bar-inner{width:100%;min-height:36px;padding-inline:8px;gap: 8px}
  body.public-site .public-commerce-categories{font-size:12px}
  body.public-site .public-commerce-shortcuts a{max-width:180px;font-size:12px}
  body.public-site .public-commerce-shortcuts .public-commerce-custom-link{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  body.public-site .public-chrome-stack,body.public-site .public-site-nav-hover-pill{transition:none}
}

/* GSMVanta Public Language Flags — canonical image geometry. */
body.public-site img.public-language-current-flag,
body.public-site img.public-language-option-flag{
  box-sizing:border-box;display:block;width:26px;min-width:26px;max-width:26px;height:18px;min-height:18px;max-height:18px;
  object-fit:contain;border:0;border-radius:2px;background:transparent;box-shadow:none;
}
body.public-site img.public-language-option-flag{justify-self:start}

/* Optional floating language control. */
.gv-floating-language{position:fixed;right:18px;bottom:18px;z-index:9999}
.gv-floating-language>button{width:46px;height:46px;border:1px solid rgba(140,160,190,.28);border-radius: var(--gv-radius-button);background:#101010;color:#fff;font-size:20px;box-shadow:none}
.gv-floating-language-menu{position:absolute;right:0;bottom:54px;display:none;min-width:180px;padding:8px;border:1px solid rgba(140,160,190,.24);border-radius:16px;background:#101010;box-shadow:none}
.gv-floating-language:hover .gv-floating-language-menu,.gv-floating-language:focus-within .gv-floating-language-menu{display:grid}
.gv-floating-lang-option{display:flex;align-items:center;gap: 8px;padding: 8px 12px;border-radius:8px;color:#d9d9d9;text-decoration:none;font-size:12px}
.gv-floating-lang-svg{display:block;width:26px;height:18px;flex:0 0 26px;object-fit:contain;border-radius:2px}
.gv-floating-lang-option{direction:ltr;text-align:left}
.gv-floating-lang-option:hover,.gv-floating-lang-option.active{background:rgba(242,106,33,.16);color:#fff}
html[dir=rtl] .gv-floating-language{right:auto;left:18px}
html[dir=rtl] .gv-floating-language-menu{right:auto;left:0}

/* Public storefront footer — commercial dark footer shared by every sold site. */
body.public-site .public-site-footer,
html[data-theme="dark"] body.public-site .public-site-footer {
  --footer-bg:#272625;
  --footer-text:#ffffff;
  --footer-muted:rgba(255,255,255,.52);
  --footer-muted-soft:rgba(255,255,255,.38);
  --footer-line:rgba(255,255,255,.09);
  margin-top:0;
  padding: 64px 0 24px;
  border:0;
  border-top:1px solid var(--footer-line);
  background:var(--footer-bg);
  color:var(--footer-text);
  box-shadow:none;
  font-family:var(--gv-font-sans,Arial,sans-serif);
}

body.public-site .public-footer-frame {
  width:min(var(--public-max,1200px),calc(100% - 48px));
  max-width:none;
  margin-inline:auto;
  padding:0;
}

body.public-site .public-footer-main {
  width:100%;
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(0,2.65fr);
  gap: 56px;
  align-items:start;
}

body.public-site .public-footer-brand {
  min-width:0;
  padding:0;
  display:grid;
  align-content:start;
  gap: 20px;
}
body.public-site .public-footer-brand-lockup {
  width:max-content;
  max-width:100%;
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:0;
  color:var(--footer-text);
  text-decoration:none;
}
body.public-site .public-footer-brand-lockup > strong {
  margin:0;
  min-width:0;
  color:var(--footer-text);
  font-size:18px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:-.025em;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.public-site .public-footer-tagline {
  max-width:340px;
  margin:0;
  color:var(--footer-muted);
  font-size:13px;
  line-height:1.65;
  font-weight:400;
  letter-spacing:-.006em;
}

body.public-site .public-footer-links-grid {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(128px,100%),1fr));
  gap: 36px 32px;
  align-items:start;
}
body.public-site .public-footer-links-grid .public-footer-column {
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 12px;
}
body.public-site .public-footer-links-grid .public-footer-column > strong {
  margin: 0 0 8px;
  color:var(--footer-text);
  font-size:12px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:-.005em;
  text-transform:none;
}
body.public-site .public-footer-links-grid .public-footer-column > :is(a,span) {
  max-width:100%;
  margin:0;
  color:var(--footer-muted);
  font-size:12px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:-.004em;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body.public-site .public-footer-links-grid .public-footer-column > a {
  transition:color .2s ease;
}
@media (hover:hover) {
  body.public-site .public-footer-links-grid .public-footer-column > a:hover {
    color:var(--footer-text);
  }
}

body.public-site .public-footer-bottom {
  min-height:42px;
  margin-top: 56px;
  padding:20px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:0;
  border-top:1px solid var(--footer-line);
  background:transparent;
  color:var(--footer-muted-soft);
}
body.public-site .public-footer-bottom .public-footer-rights {
  min-width:0;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap: 8px;
}
body.public-site .public-footer-bottom .public-footer-rights :is(span,small) {
  margin:0;
  color:var(--footer-muted-soft);
  font-size:11px;
  line-height:1.45;
  font-weight:400;
}

body.public-site .public-footer-bottom .public-footer-powered {
  display:inline-flex;
  align-items:center;
  gap: 4px;
  white-space:nowrap;
  letter-spacing:.04em;
}
body.public-site .public-footer-bottom .public-footer-powered > span {
  font-size: 11px;
  letter-spacing:.08em;
}
body.public-site .public-footer-bottom .public-footer-powered > a {
  color:var(--footer-text);
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  text-decoration:none;
  transition:opacity .18s ease;
}
body.public-site .public-footer-bottom .public-footer-powered > a:hover {
  opacity:.72;
}

body.public-site .public-footer-actions {
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap: 12px;
}
body.public-site .public-footer-social {
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap: 8px;
}
body.public-site .public-footer-social a {
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid var(--footer-line);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.48);
  box-shadow:none;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.23,1,.32,1);
}
body.public-site .public-footer-social svg { display:block;width:15px;height:15px; }
@media (hover:hover) {
  body.public-site .public-footer-social a:hover {
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
    color:#fff;
    transform:translateY(-2px);
  }
}
body.public-site .public-footer-social a[data-social="whatsapp"]:hover { background:#25d366;border-color:#25d366;color:#fff; }
body.public-site .public-footer-social a:is([data-social="telegram"],[data-social="telegram-channel"]):hover { background:#229ed9;border-color:#229ed9;color:#fff; }
body.public-site .public-footer-social a[data-social="facebook"]:hover { background:#1877f2;border-color:#1877f2;color:#fff; }
body.public-site .public-footer-social a[data-social="instagram"]:hover { background:#fff;border-color:#fff;color:#e4405f; }
body.public-site .public-footer-social a[data-social="x"]:hover { background:#fff;border-color:#fff;color:#111; }
body.public-site .public-footer-social a:focus-visible { outline:2px solid #fff;outline-offset:3px; }

@media (max-width:1050px) {
  body.public-site .public-footer-main { grid-template-columns:minmax(0,1fr);gap: 40px; }
  body.public-site .public-footer-tagline { max-width:540px; }
  body.public-site .public-footer-links-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap: 32px 28px; }
}

@media (max-width:700px) {
  body.public-site .public-site-footer,html[data-theme="dark"] body.public-site .public-site-footer { padding: 56px 0 24px; }
  body.public-site .public-footer-frame { width:calc(100% - 28px); }
  body.public-site .public-footer-brand { gap: 16px; }
  body.public-site .public-footer-brand-lockup > strong { font-size: 18px; }
  body.public-site .public-footer-tagline { font-size:12px;line-height:1.6; }
  body.public-site .public-footer-links-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap: 32px 24px; }
  body.public-site .public-footer-bottom { margin-top: 40px;align-items:flex-start;flex-direction:column;gap: 16px; }
  body.public-site .public-footer-actions,body.public-site .public-footer-social { justify-content:flex-start; }
}

@media (max-width:420px) {
  body.public-site .public-footer-main { gap:32px; }
  body.public-site .public-footer-links-grid { gap: 28px 20px; }
  body.public-site .public-footer-links-grid .public-footer-column > :is(a,span) { font-size: 12px; }
}

@media (prefers-reduced-motion:reduce) {
  body.public-site .public-footer-links-grid .public-footer-column > a,
  body.public-site .public-footer-social a { transition:none; }
}

/* Distributed desktop client: one hosted binary for all licensed storefronts. */
body.public-site .public-footer-windows {display:inline-flex;align-items:center;gap: 8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius: 8px;background:rgba(255,255,255,.055);color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}
body.public-site .public-footer-windows:hover {background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff}
body.public-site .public-footer-windows svg {width:16px;height:16px;flex:none;fill:currentColor}


/* Page return navigation: one compact control across application areas. */
body :is(a, button).app-page-back {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  padding: 2px 0;
  border: 0;
  border-radius: var(--gv-radius-button);
  background: transparent;
  box-shadow: none;
  color: var(--gva-auth-muted, var(--admin-muted, var(--gv-text-muted, #737373)));
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
}
body :is(a, button).app-page-back:hover { color: var(--gva-auth-text, var(--admin-text, var(--gv-text, #171717))); }
body :is(a, button).app-page-back:focus-visible { outline: 2px solid var(--gv-brand-600, #2563eb); outline-offset: 4px; }
body :is(a, button).app-page-back svg { display: block; width: 14px; height: 14px; flex: 0 0 14px; }
html[dir="rtl"] body :is(a, button).app-page-back svg { transform: scaleX(-1); }