/* PLATONIK V46 | Editorial full-screen navigation
   Scope: menu only. Homepage, sliders, other pages untouched. */
.site--platonik .menu-overlay {
  inset:0;
  height:100dvh;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  padding:clamp(20px,2.2vw,36px) clamp(24px,4.1vw,76px) clamp(24px,3vw,48px);
  background:linear-gradient(119deg,#1159bb 0%,#0754c8 42%,#263acc 75%,#4325b4 100%);
}
.site--platonik .menu-overlay:not([hidden]) {
  display:flex;
  flex-direction:column;
}
.site--platonik .overlay-head {
  position:sticky;
  top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  width:min(100%,1600px);
  margin:0 auto;
  padding:0 0 22px;
  border-bottom:1px solid rgba(255,255,255,.21);
  background:transparent;
  z-index:10;
}
.site--platonik .menu-overlay .overlay-head .official-logo {
  width:clamp(164px,11.7vw,213px)!important;
  height:auto;
  max-height:100px!important;
  object-fit:contain;
}
.site--platonik .overlay-close {
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.05);
  transition:background .22s ease,transform .22s ease;
}
.site--platonik .overlay-close:hover {background:rgba(255,255,255,.13);}
.site--platonik .overlay-body {
  flex:1 0 auto;
  align-self:center;
  width:min(100%,1480px);
  max-width:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,.79fr) minmax(0,.89fr) minmax(0,2.2fr);
  align-content:center;
  gap:0;
  margin:0 auto;
  padding:clamp(44px,5.7vh,64px) 0 clamp(32px,4.5vh,55px);
}
.site--platonik .overlay-col,
.site--platonik .overlay-col--products {
  min-width:0;
  max-width:none;
  padding:0 clamp(20px,2.6vw,48px);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:none;
  backdrop-filter:none;
}
.site--platonik .overlay-col:first-child {padding-left:0;}
.site--platonik .overlay-col:last-child {padding-right:0;}
.site--platonik .overlay-col + .overlay-col {
  border-left:1px solid rgba(255,255,255,.23);
}
.site--platonik .overlay-col .overlay-kicker {
  display:block;
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.17em;
  margin:0 0 22px;
  opacity:1;
  color:rgba(255,255,255,.5);
}
.site--platonik .overlay-col h2 {
  margin:0;
  font-family:inherit;
  font-size:clamp(24px,1.72vw,32px);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.035em;
  text-transform:uppercase;
  overflow-wrap:normal;
}
.site--platonik .overlay-divider {
  height:1px;
  width:100%;
  background:rgba(255,255,255,.23);
  margin:26px 0 16px;
}
.site--platonik .overlay-col>a,
.site--platonik .overlay-col>button,
.site--platonik .overlay-product-links a {
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  padding:14px 0;
  background:none;
  border:0;
  color:#fff;
  font-family:inherit;
  font-size:clamp(16px,1vw,19px);
  font-weight:500;
  line-height:1.35;
  text-align:left;
  letter-spacing:-.012em;
  text-decoration:none;
  cursor:pointer;
  transition:color .22s ease,transform .22s ease;
}
.site--platonik .overlay-col>a:not(:last-child),
.site--platonik .overlay-col>button:not(:last-child) {
  border-bottom:1px solid rgba(255,255,255,.11);
}
.site--platonik .overlay-col>a:last-child,
.site--platonik .overlay-col>button:last-child {padding-bottom:14px;}
.site--platonik .overlay-products-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.site--platonik .overlay-products-head .overlay-all-products {
  display:inline-flex;
  width:auto;
  flex:0 0 auto;
  margin:0;
  padding:0;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:700;
  letter-spacing:.075em;
  white-space:nowrap;
}
.site--platonik .overlay-product-links {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.5vw,45px);
  align-content:start;
}
.site--platonik .overlay-link-group {
  min-width:0;
  display:flex;
  flex-direction:column;
}
.site--platonik .overlay-link-group-label {
  display:block;
  margin-bottom:8px;
  color:rgba(255,255,255,.54);
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.5;
}
.site--platonik .overlay-product-links a {
  position:relative;
  padding:11px 20px 11px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  overflow-wrap:normal;
}
.site--platonik .overlay-product-links a::after {
  content:'↗';
  position:absolute;
  top:11px;
  right:2px;
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,.42);
  opacity:0;
  transform:translate(-4px,4px);
  transition:opacity .2s ease,transform .2s ease;
}
.site--platonik .overlay-product-links a:hover::after,
.site--platonik .overlay-product-links a:focus-visible::after {
  opacity:1;
  transform:translate(0,0);
}
.site--platonik .overlay-col a:hover,
.site--platonik .overlay-col button:hover {color:#d5edff;transform:translateX(4px);}
.site--platonik .overlay-col a:focus-visible,
.site--platonik .overlay-col button:focus-visible,
.site--platonik .overlay-close:focus-visible {
  outline:2px solid #fff;
  outline-offset:4px;
}
.site--platonik .overlay-foot {display:none!important;}
@media (max-width:1180px) {
  .site--platonik .overlay-body {
    grid-template-columns:minmax(0,.8fr) minmax(0,.85fr) minmax(0,1.9fr);
  }
  .site--platonik .overlay-col {padding-inline:clamp(18px,2vw,32px);}
  .site--platonik .overlay-col h2 {font-size:clamp(22px,2vw,27px);}
  .site--platonik .overlay-products-head {align-items:flex-start;flex-direction:column;gap:8px;}
}
@media (max-width:860px) {
  .site--platonik .menu-overlay {padding:19px 22px 28px;}
  .site--platonik .overlay-head {padding-bottom:13px;}
  .site--platonik .menu-overlay .overlay-head .official-logo {width:clamp(150px,23vw,185px)!important;max-height:88px!important;}
  .site--platonik .overlay-body {
    flex:1 0 auto;
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    align-content:start;
    margin:0;
    padding:32px 0 20px;
  }
  .site--platonik .overlay-col {padding:0 20px 24px 0;}
  .site--platonik .overlay-col:first-child {padding:0 20px 20px 0;}
  .site--platonik .overlay-col:nth-child(2) {padding:0 0 20px 20px;border-left:1px solid rgba(255,255,255,.23);}
  .site--platonik .overlay-col:last-child {
    grid-column:1/-1;
    margin-top:10px;
    padding:28px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.24);
  }
  .site--platonik .overlay-col .overlay-kicker {margin-bottom:13px;}
  .site--platonik .overlay-col h2 {font-size:24px;}
  .site--platonik .overlay-divider {margin:16px 0 6px;}
  .site--platonik .overlay-product-links {gap:24px;}
  .site--platonik .overlay-col>a,
  .site--platonik .overlay-col>button,
  .site--platonik .overlay-product-links a {font-size:16px;padding-block:10px;}
}
@media (max-width:560px) {
  .site--platonik .menu-overlay {padding:14px 18px 24px;}
  .site--platonik .overlay-body {
    display:flex;
    flex-direction:column;
    align-content:initial;
    gap:0;
    padding:25px 0 30px;
  }
  .site--platonik .overlay-col,
  .site--platonik .overlay-col:first-child,
  .site--platonik .overlay-col:nth-child(2),
  .site--platonik .overlay-col:last-child {
    width:100%;
    margin:0;
    padding:18px 0 23px;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
  }
  .site--platonik .overlay-col:first-child {border-top:0;padding-top:0;}
  .site--platonik .overlay-col h2 {font-size:23px;}
  .site--platonik .overlay-products-head {flex-direction:row;align-items:baseline;}
  .site--platonik .overlay-product-links {grid-template-columns:1fr;gap:24px;}
  .site--platonik .overlay-product-links a {padding:9px 21px 9px 0;}
  .site--platonik .overlay-link-group-label {margin-bottom:2px;}
  .site--platonik .overlay-divider {margin:15px 0 8px;}
}
@media (max-height:650px) and (min-width:861px) {
  .site--platonik .overlay-body {align-content:start;padding:22px 0 25px;}
}
@media (prefers-reduced-motion:reduce) {
 .site--platonik .overlay-col a,.site--platonik .overlay-col button {transition:none!important;}
}