/* Lavka Catalog UX V120.
   Compact catalog navigation without changing product data or admin filters. */

body.lavka-ux-v120 #catalog{
  scroll-margin-top:96px;
}

/* Quick paths after hero */
body.lavka-ux-v120 .v120-lavka-quick{
  position:relative;
  z-index:3;
  padding:34px 0 14px;
}

body.lavka-ux-v120 .v120-lavka-quick .container{
  max-width:1220px;
}

body.lavka-ux-v120 .v120-quick-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}

body.lavka-ux-v120 .v120-quick-head h2{
  margin:0;
  font-family:Forum, Georgia, serif;
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  color:#fff0c9;
  text-shadow:0 0 20px rgba(212,170,99,.18);
}

body.lavka-ux-v120 .v120-quick-head p{
  max-width:520px;
  margin:0;
  color:rgba(245,231,203,.78);
  line-height:1.55;
}

body.lavka-ux-v120 .v120-quick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

body.lavka-ux-v120 .v120-quick-card{
  position:relative;
  min-height:118px;
  border-radius:24px;
  border:1px solid rgba(212,170,99,.32);
  background:
    radial-gradient(circle at 18% 18%,rgba(243,217,157,.14),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(3,6,10,.70));
  color:#fff2cf;
  text-align:left;
  padding:18px;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

body.lavka-ux-v120 .v120-quick-card:hover,
body.lavka-ux-v120 .v120-quick-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(243,217,157,.68);
  box-shadow:0 24px 62px rgba(0,0,0,.32),0 0 26px rgba(212,170,99,.13);
  outline:none;
}

body.lavka-ux-v120 .v120-quick-card b{
  display:block;
  font-size:18px;
  color:#fff1c7;
  margin-bottom:7px;
}

body.lavka-ux-v120 .v120-quick-card span{
  display:block;
  color:rgba(245,231,203,.68);
  font-size:13px;
  line-height:1.35;
}

/* Hide original huge category bar visually, keep it in DOM for existing JS/admin flow */
body.lavka-ux-v120 .category-bar{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Compact filters */
body.lavka-ux-v120 .v120-filter-wrap{
  margin:20px 0 22px;
  padding:16px;
  border:1px solid rgba(212,170,99,.22);
  border-radius:28px;
  background:rgba(4,7,12,.42);
  backdrop-filter:blur(8px);
}

body.lavka-ux-v120 .v120-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

body.lavka-ux-v120 .v120-filter-btn,
body.lavka-ux-v120 .v120-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(212,170,99,.32);
  background:rgba(0,0,0,.22);
  color:#fff0c9;
  font:700 14px/1 Forum, Georgia, serif;
  letter-spacing:.02em;
  cursor:pointer;
  transition:.22s ease;
}

body.lavka-ux-v120 .v120-filter-btn:hover,
body.lavka-ux-v120 .v120-more-btn:hover,
body.lavka-ux-v120 .v120-filter-btn.is-active{
  border-color:rgba(243,217,157,.72);
  background:linear-gradient(135deg,rgba(212,170,99,.23),rgba(104,38,55,.17));
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

body.lavka-ux-v120 .v120-more{
  position:relative;
  display:inline-flex;
}

body.lavka-ux-v120 .v120-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:30;
  width:min(380px,90vw);
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(212,170,99,.34);
  background:rgba(4,7,12,.96);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}

body.lavka-ux-v120 .v120-more.is-open .v120-more-menu{
  display:grid;
}

body.lavka-ux-v120 .v120-more-menu button{
  min-height:38px;
  padding:8px 10px;
  border-radius:16px;
  border:1px solid rgba(212,170,99,.22);
  background:rgba(255,255,255,.035);
  color:#f8e8c4;
  text-align:left;
  cursor:pointer;
}

body.lavka-ux-v120 .v120-more-menu button:hover{
  border-color:rgba(243,217,157,.58);
  background:rgba(212,170,99,.10);
}

/* Catalog should feel like main selling block */
body.lavka-ux-v120 #catalog{
  padding-top:34px;
}

body.lavka-ux-v120 #catalog .section-head{
  margin-bottom:14px;
}

/* Smaller desktop */
@media (max-width:1120px){
  body.lavka-ux-v120 .v120-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.lavka-ux-v120 .v120-quick-head{
    display:block;
  }

  body.lavka-ux-v120 .v120-quick-head p{
    margin-top:10px;
  }
}

@media (max-width:620px){
  body.lavka-ux-v120 .v120-quick-grid{
    grid-template-columns:1fr;
  }

  body.lavka-ux-v120 .v120-filter-wrap{
    padding:12px;
  }

  body.lavka-ux-v120 .v120-filter-btn,
  body.lavka-ux-v120 .v120-more-btn{
    flex:1 1 auto;
  }

  body.lavka-ux-v120 .v120-more{
    flex:1 1 100%;
  }

  body.lavka-ux-v120 .v120-more-btn{
    width:100%;
  }

  body.lavka-ux-v120 .v120-more-menu{
    left:0;
    right:auto;
    grid-template-columns:1fr;
  }
}