.catalog-shop-header{
  --catalog-glass-bg:rgba(248,249,252,.68);
  --catalog-glass-bg-strong:rgba(247,248,251,.78);
  --catalog-glass-border:rgba(255,255,255,.62);
  --catalog-glass-edge:rgba(8,12,20,.075);
  --catalog-glass-highlight:rgba(255,255,255,.78);
  --catalog-glass-shadow:0 18px 54px rgba(16,20,28,.075);
  background:linear-gradient(180deg,rgba(253,253,255,.82),rgba(246,247,250,.58));
  -webkit-backdrop-filter:blur(34px) saturate(165%) contrast(.96);
  backdrop-filter:blur(34px) saturate(165%) contrast(.96);
  border-bottom:1px solid var(--catalog-glass-edge);
  box-shadow:0 8px 34px rgba(12,16,24,.04),inset 0 -1px rgba(255,255,255,.42);
}
[data-theme="dark"] .catalog-shop-header{
  --catalog-glass-bg:rgba(29,31,36,.58);
  --catalog-glass-bg-strong:rgba(35,37,43,.72);
  --catalog-glass-border:rgba(255,255,255,.12);
  --catalog-glass-edge:rgba(255,255,255,.065);
  --catalog-glass-highlight:rgba(255,255,255,.14);
  --catalog-glass-shadow:0 22px 68px rgba(0,0,0,.34);
  background:linear-gradient(180deg,rgba(24,26,31,.76),rgba(15,17,21,.58));
}

.catalog-shop-main{position:relative}
.catalog-shop-main::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 24%,rgba(255,255,255,.26) 76%,transparent);
  opacity:.58;pointer-events:none
}
[data-theme="dark"] .catalog-shop-main::after{opacity:.16}

.catalog-shop-floating-nav{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))}
[data-theme="dark"] .catalog-shop-floating-nav{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))}

.catalog-shop-nav-scroll{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(239,241,246,.48));
  border:1px solid var(--catalog-glass-border);
  -webkit-backdrop-filter:blur(38px) saturate(175%) brightness(1.06);
  backdrop-filter:blur(38px) saturate(175%) brightness(1.06);
  box-shadow:0 14px 46px rgba(18,22,30,.07),inset 0 1px var(--catalog-glass-highlight),inset 0 -1px rgba(8,12,20,.055),inset 0 0 0 1px rgba(255,255,255,.12)
}
.catalog-shop-nav-scroll::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 34%,transparent 58%,rgba(255,255,255,.17));
  pointer-events:none;z-index:-1
}
[data-theme="dark"] .catalog-shop-nav-scroll{
  background:linear-gradient(145deg,rgba(64,67,75,.58),rgba(28,30,35,.48));border-color:rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(38px) saturate(145%) brightness(.72);backdrop-filter:blur(38px) saturate(145%) brightness(.72);
  box-shadow:0 18px 54px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.035)
}
[data-theme="dark"] .catalog-shop-nav-scroll::before{background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 34%,transparent 60%,rgba(255,255,255,.04))}

.catalog-shop-viewport{
  isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(235,238,244,.56));
  border:1px solid var(--catalog-glass-border);
  -webkit-backdrop-filter:blur(40px) saturate(175%) brightness(1.04) contrast(.96);
  backdrop-filter:blur(40px) saturate(175%) brightness(1.04) contrast(.96);
  box-shadow:0 28px 92px rgba(15,20,30,.15),0 6px 22px rgba(15,20,30,.07),inset 0 1px var(--catalog-glass-highlight),inset 0 -1px rgba(8,12,20,.065),inset 0 0 0 1px rgba(255,255,255,.14)
}
.catalog-shop-viewport::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(90% 70% at 10% 0%,rgba(255,255,255,.52),transparent 58%),linear-gradient(120deg,rgba(255,255,255,.30),transparent 32%,transparent 72%,rgba(255,255,255,.10));
  box-shadow:inset 0 1px rgba(255,255,255,.58),inset 0 0 34px rgba(255,255,255,.08)
}
.catalog-shop-viewport::after{
  content:"";position:absolute;top:1px;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);opacity:.72;pointer-events:none;z-index:2
}
.catalog-shop-mega-content{position:relative;z-index:1}
[data-theme="dark"] .catalog-shop-viewport{
  background:linear-gradient(145deg,rgba(49,52,59,.68),rgba(22,24,29,.62));border-color:rgba(255,255,255,.105);
  -webkit-backdrop-filter:blur(40px) saturate(145%) brightness(.68) contrast(.98);backdrop-filter:blur(40px) saturate(145%) brightness(.68) contrast(.98);
  box-shadow:0 30px 100px rgba(0,0,0,.40),0 8px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.035)
}
[data-theme="dark"] .catalog-shop-viewport::before{
  background:radial-gradient(90% 70% at 10% 0%,rgba(255,255,255,.11),transparent 58%),linear-gradient(120deg,rgba(255,255,255,.055),transparent 34%,transparent 72%,rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 0 36px rgba(255,255,255,.018)
}
[data-theme="dark"] .catalog-shop-viewport::after{opacity:.18}

.catalog-shop-header[data-floating-nav-open="true"] .catalog-shop-nav-scroll{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,241,246,.54));
  box-shadow:0 18px 58px rgba(18,22,30,.10),inset 0 1px var(--catalog-glass-highlight),inset 0 -1px rgba(8,12,20,.05),inset 0 0 0 1px rgba(255,255,255,.16)
}
[data-theme="dark"] .catalog-shop-header[data-floating-nav-open="true"] .catalog-shop-nav-scroll{
  background:linear-gradient(145deg,rgba(69,72,80,.62),rgba(31,33,39,.53));
  box-shadow:0 20px 62px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.04)
}

.catalog-shop-mega-backdrop{
  background:rgba(238,241,247,.13);-webkit-backdrop-filter:blur(8px) saturate(92%);backdrop-filter:blur(8px) saturate(92%)
}
[data-theme="dark"] .catalog-shop-mega-backdrop{
  background:rgba(2,4,8,.20);-webkit-backdrop-filter:blur(8px) saturate(82%);backdrop-filter:blur(8px) saturate(82%)
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .catalog-shop-header{background:#f7f8fb}
  .catalog-shop-nav-scroll,.catalog-shop-viewport{background:#f2f3f6}
  [data-theme="dark"] .catalog-shop-header{background:#14161b}
  [data-theme="dark"] .catalog-shop-nav-scroll,[data-theme="dark"] .catalog-shop-viewport{background:#24272d}
}

@media(max-width:999px){
  .catalog-shop-header{-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
}