/* One coherent layout for the public cloud, with an independent language control. */
.language-toggle { position:absolute; top:2px; right:12px; z-index:80; width:34px; height:24px; display:grid; place-items:center; border:0; border-radius:4px; background:transparent; font-family:inherit; font-size:12px; font-weight:500; color:var(--muted); touch-action:manipulation; }
.language-toggle:focus-visible { outline:2px solid var(--wine); outline-offset:3px; }
.site-header { height:106px; }
.site-header .header-inner { display:flex; align-items:center; gap:18px; padding:14px 22px; border:1px solid #e5dadd; border-radius:28px; background:#fffdfcf5; }
.site-header .header-inner .brand { display:flex; justify-content:center; width:174px; }
.site-header .header-inner .category-menu { width:136px; }
.site-header .header-inner .cloud-nav { width:236px; height:42px; margin:0; opacity:1; filter:blur(0); transition:width 650ms var(--cloud-ease),opacity 650ms ease,filter 650ms ease,margin 650ms var(--cloud-ease); }
.site-header .cloud-nav-links { display:flex; align-items:center; gap:22px; width:236px; height:42px; white-space:nowrap; transform:none; transition:opacity 650ms ease,transform 650ms var(--cloud-ease); }
.site-header .cloud-nav button { padding:8px 0; font-size:14px; white-space:nowrap; }
.site-header .header-inner .search-form { flex:1; min-width:0; }
.site-header .header-inner .header-actions { align-items:center; gap:6px; }
.site-header.is-floating .header-inner { width:min(720px,calc(100% - 40px)); gap:14px; border-radius:999px; }
.site-header.is-floating .header-inner .brand { width:136px; }
.site-header.is-floating .header-inner .category-menu { width:44px; }
.site-header.is-floating .header-inner .cloud-nav { width:0; margin-right:-14px; opacity:0; filter:blur(4px); }
.site-header.is-floating .cloud-nav-links { transform:translateY(-4px); opacity:0; }
@media(min-width:641px) and (max-width:1100px) {
  .site-header { height:140px; }
  .site-header .header-inner { display:grid; grid-template-columns:174px 44px minmax(0,1fr) auto; grid-template-rows:44px 28px; gap:6px 14px; padding:12px 20px; }
  .site-header .header-inner .brand { grid-column:1; grid-row:1; }
  .site-header .header-inner .category-menu { grid-column:2; grid-row:1; width:44px; }
  .site-header .category-menu-trigger { padding-inline:11px; }
  .site-header .category-trigger-label,.site-header .category-trigger-chevron { opacity:0; pointer-events:none; }
  .site-header .header-inner .search-form { grid-column:3; grid-row:1; }
  .site-header .header-inner .header-actions { grid-column:4; grid-row:1; }
  .site-header .header-inner .cloud-nav { grid-column:1/-1; grid-row:2; width:100%; height:28px; display:flex; justify-content:center; }
  .site-header .cloud-nav-links { position:static; justify-content:center; height:28px; width:auto; }
  .site-header.is-floating .header-inner { grid-template-columns:136px 44px minmax(0,1fr) auto; grid-template-rows:44px 0px; gap:0 12px; }
  .site-header.is-floating .header-inner .cloud-nav { width:100%; height:0; margin:0; }
}
@media(max-width:640px) {
  .site-header { height:138px; top:16px; padding-top:8px; }
  .site-header .header-inner { display:grid; grid-template-columns:100px minmax(0,1fr) auto; grid-template-rows:42px 30px; gap:8px 6px; padding:10px 12px; width:calc(100% - 24px); min-height:0; height:102px; border-radius:24px; align-items:center; align-content:start; overflow:hidden; transition:height 650ms var(--ease-atelier),border-radius 650ms var(--ease-atelier),box-shadow 650ms ease; }
  .site-header .header-inner .brand { grid-column:1; grid-row:1; height:42px; width:100px; align-items:flex-start; margin:0; }
  .site-header .header-inner .brand>span { position:static; font-size:20px; line-height:24px; transform:none; align-self:auto; letter-spacing:.1px; }
  .site-header .header-inner .brand small { display:none; }
  /* Position changes are handled by FLIP; competing size transitions cause drift. */
  .site-header .header-inner .brand,.site-header .header-inner .search-form,.site-header .header-inner .category-menu,.site-header .header-inner .header-actions { transition:none; }
  .site-header .header-inner .header-actions { grid-column:3; grid-row:1; height:42px; gap:6px; }
  .site-header .header-actions .icon-button,.site-header .header-actions .header-favorites { height:40px; width:34px; display:inline-flex; align-items:center; justify-content:center; }
  .site-header .header-actions .icon { width:24px; height:24px; }
  .site-header .header-actions .mobile-menu { display:none; }
  .site-header .header-inner .category-menu { grid-column:1; grid-row:2; width:34px; height:30px; z-index:1; }
  .site-header .category-menu-trigger { width:34px; height:30px; padding-inline:7px; }
  .site-header .header-inner .search-form,.site-header .header-inner .search-form:focus-within { position:relative; grid-column:2; grid-row:1; left:auto; right:auto; top:auto; width:100%; justify-self:start; height:36px; padding-inline:8px; gap:5px; }
  .site-header .header-inner .search-form input { font-size:16px; width:100%; min-width:0; }
  .site-header .header-inner .search-form input::placeholder,.site-header .header-inner .search-form:focus-within input::placeholder { color:#82767b; opacity:1; }
  .site-header .header-inner .cloud-nav { grid-column:1/-1; grid-row:2; width:100%; height:30px; margin:0; padding-left:40px; display:flex; justify-content:center; }
  .site-header .cloud-nav-links { position:static; justify-content:center; width:auto; height:30px; gap:18px; }
  .site-header .cloud-nav button { font-size:14px; padding:4px 0; }
  .site-header.is-floating .header-inner { height:56px; width:calc(100% - 24px); border-radius:22px; grid-template-columns:88px 30px minmax(0,1fr) auto; grid-template-rows:42px 0px; gap:0 7px; padding:6px 8px; }
  .site-header.is-floating .header-inner .brand { grid-column:1; grid-row:1; width:88px; height:42px; }
  .site-header.is-floating .header-inner .brand>span { font-size:17px; transform:none; }
  .site-header.is-floating .header-inner .category-menu { grid-column:2; grid-row:1; width:30px; height:34px; }
  .site-header.is-floating .category-menu-trigger { width:30px; height:34px; padding-inline:5px; }
  .site-header.is-floating .header-inner .search-form,.site-header.is-floating .header-inner .search-form:focus-within { grid-column:3; grid-row:1; width:100%; height:34px; padding-inline:5px; gap:3px; }
  .site-header.is-floating .header-inner .search-form>.icon { width:13px; height:13px; }
  .site-header.is-floating .header-inner .header-actions { grid-column:4; grid-row:1; height:42px; gap:6px; }
  .site-header.is-floating .header-actions .icon-button,.site-header.is-floating .header-actions .header-favorites { width:30px; height:42px; }
  .site-header.is-floating .header-actions .icon { width:23px; height:23px; }
  .site-header.is-floating .header-inner .cloud-nav { width:100%; height:0; margin:0; padding-left:40px; }
  .site-header.is-floating .cloud-nav-links { transform:translateY(-16px); }
}
@media(max-width:359px) {
  .site-header .header-inner { padding-inline:10px; }
  .site-header .header-inner { grid-template-columns:88px minmax(0,1fr) auto; gap:8px 5px; }
  .site-header .header-inner .brand { width:88px; }
  .site-header .header-inner .brand>span { font-size:17px; }
  .site-header .header-actions .icon-button,.site-header .header-actions .header-favorites { width:26px; }
  .site-header .header-inner .header-actions { gap:3px; }
  .site-header .header-inner .search-form { padding-inline:4px; gap:2px; }
  .site-header .header-inner .search-form>.icon { width:11px; height:11px; }
  .site-header .cloud-nav-links { gap:14px; }
  .site-header.is-floating .header-inner { grid-template-columns:72px 26px minmax(0,1fr) auto; gap:0 3px; padding-inline:6px; }
  .site-header.is-floating .header-inner .brand { width:72px; }
  .site-header.is-floating .header-inner .brand>span { font-size:14px; }
  .site-header.is-floating .header-inner .category-menu,.site-header.is-floating .category-menu-trigger { width:26px; }
  .site-header.is-floating .category-menu-trigger { padding-inline:4px; }
  .site-header.is-floating .header-inner .header-actions { gap:3px; }
  .site-header.is-floating .header-actions .icon-button,.site-header.is-floating .header-actions .header-favorites { width:26px; }
  .site-header.is-floating .header-inner .search-form { padding-inline:4px; gap:2px; }
  .site-header.is-floating .header-inner .search-form>.icon { width:11px; height:11px; }
}
@media(prefers-reduced-motion:reduce) { .site-header .header-inner,.site-header .header-inner .cloud-nav,.site-header .cloud-nav-links { transition:none; } }