/* Shared treatment for the three country catalogues. The flag itself is the
   country's SVG; lighting and movement are presentation, not part of the art. */
.kz-flag-wave{--hm-flag-art:url('/static/img/brand/kazakhstan-flag.svg');--hm-flag-shadow:rgba(0,166,189,.32)}
.by-flag-wave{--hm-flag-art:url('/static/img/brand/belarus-flag.svg');--hm-flag-shadow:rgba(197,44,60,.32)}
.kg-flag{--hm-flag-art:url('/static/img/brand/kyrgyzstan-flag.svg');--hm-flag-shadow:rgba(226,38,57,.32)}
.kz-flag-wave,.by-flag-wave,.kg-flag{
  position:absolute;z-index:0;right:-10%;bottom:-18%;width:84%;aspect-ratio:2/1;
  transform-origin:16% 52%;opacity:.92;overflow:hidden;
  background-image:linear-gradient(104deg,rgba(0,0,0,.25),rgba(255,255,255,.17) 22%,rgba(0,0,0,.19) 42%,rgba(255,255,255,.22) 65%,rgba(0,0,0,.18) 88%),var(--hm-flag-art);
  background-size:210% 100%,cover;background-position:8% 0,center;
  clip-path:polygon(0 2%,24% 4%,49% 0,75% 5%,100% 1%,100% 96%,75% 99%,49% 94%,24% 99%,0 96%);
  filter:drop-shadow(0 24px 18px var(--hm-flag-shadow));
  animation:hm-flag-drape 12s cubic-bezier(.45,0,.55,1) infinite;
  will-change:transform,clip-path,background-position
}
.kg-flag{aspect-ratio:5/3;bottom:-25%}
.kz-flag-wave::before,.by-flag-wave::before,.kg-flag::before{
  content:"";position:absolute;inset:-2%;pointer-events:none;
  background:linear-gradient(100deg,transparent 4%,rgba(255,255,255,.19) 18%,rgba(0,0,0,.24) 34%,rgba(255,255,255,.11) 49%,rgba(0,0,0,.23) 65%,rgba(255,255,255,.13) 83%,transparent 99%);
  background-size:210% 100%;mix-blend-mode:soft-light;animation:hm-flag-fold 9s ease-in-out infinite
}
.kz-flag-wave::after,.by-flag-wave::after,.kg-flag::after{
  content:"";position:absolute;inset:-15%;pointer-events:none;
  background:linear-gradient(102deg,transparent 25%,rgba(255,255,255,.1) 46%,rgba(255,255,255,.24) 53%,transparent 72%);
  background-size:240% 100%;mix-blend-mode:soft-light;animation:hm-flag-light 14s ease-in-out infinite
}
.kz-hero-copy::after,.by-hero-main::after,.kg-hero-main::after{background:linear-gradient(90deg,#101210 0%,rgba(16,18,16,.95) 32%,rgba(16,18,16,.63) 60%,rgba(16,18,16,.24) 100%)}
.kz-offer,.by-card,.kg-card{border:1px solid #e5e9e2;box-shadow:0 2px 12px rgba(22,32,24,.045)}
.kz-offer:hover,.by-card:hover,.kg-card:hover{box-shadow:0 7px 22px rgba(22,32,24,.085);border-color:#dce3d9}
.kz-filter-panel,.by-filters.catalog-filter-panel,.kg-filters{border-color:#e5e9e2}
.kz-jump a,.by-jumps a{border-color:#e5e9e2}
.kz-filter-panel select,.kz-filter-panel input:not([type=checkbox]),.by-filters select,.by-filters input:not([type=checkbox]),.kg-filters select,.kz-sort select,.by-sortbar select,.kg-resultbar select{border-color:#d4d9d2}
.kz-controls button:not([aria-pressed="true"]){border-color:#d4d9d2}
@keyframes hm-flag-drape{
  0%,100%{transform:perspective(1200px) translate3d(0,0,0) rotate(-17deg) rotateY(-7deg) scale(1);clip-path:polygon(0 2%,24% 4%,49% 0,75% 5%,100% 1%,100% 96%,75% 99%,49% 94%,24% 99%,0 96%);background-position:8% 0,center}
  25%{transform:perspective(1200px) translate3d(0,-5px,0) rotate(-16.4deg) rotateY(1deg) scale(1.025);clip-path:polygon(0 3%,24% 0,49% 5%,75% 1%,100% 5%,100% 99%,75% 94%,49% 99%,24% 95%,0 97%);background-position:38% 0,center}
  50%{transform:perspective(1200px) translate3d(0,-10px,0) rotate(-15.8deg) rotateY(8deg) scale(1.045);clip-path:polygon(0 1%,24% 5%,49% 1%,75% 5%,100% 0,100% 95%,75% 100%,49% 94%,24% 99%,0 96%);background-position:88% 0,center}
  75%{transform:perspective(1200px) translate3d(0,-4px,0) rotate(-16.5deg) rotateY(0deg) scale(1.02);clip-path:polygon(0 4%,24% 1%,49% 5%,75% 0,100% 4%,100% 99%,75% 94%,49% 100%,24% 94%,0 97%);background-position:44% 0,center}
}
@keyframes hm-flag-fold{0%,100%{background-position:0 0;opacity:.75}50%{background-position:100% 0;opacity:1}}
@keyframes hm-flag-light{0%,100%{background-position:0 0;opacity:.4}50%{background-position:100% 0;opacity:.9}}
@media(max-width:820px){.kz-flag-wave,.by-flag-wave,.kg-flag{width:92%;right:-17%;bottom:-15%}.kg-flag{bottom:-22%}}
@media(max-width:580px){.kz-flag-wave,.by-flag-wave,.kg-flag{width:118%;right:-47%;bottom:-7%;opacity:.72}.kz-hero-copy::after,.by-hero-main::after,.kg-hero-main::after{background:linear-gradient(90deg,rgba(16,18,16,.97),rgba(16,18,16,.88) 50%,rgba(16,18,16,.33))}}
@media(prefers-reduced-motion:reduce){.kz-flag-wave,.by-flag-wave,.kg-flag,.kz-flag-wave::before,.by-flag-wave::before,.kg-flag::before,.kz-flag-wave::after,.by-flag-wave::after,.kg-flag::after{animation:none!important}}