.catalog-page-v2{padding-top:28px}.catalog-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;margin-bottom:18px}.catalog-breadcrumbs a{color:#2176ae;text-decoration:none}.catalog-breadcrumbs span{color:#718096}.catalog-hero-v2{background:linear-gradient(135deg,#eff9ff,#fff);border:1px solid #dceef8;border-radius:24px;padding:28px;margin-bottom:22px}.catalog-hero-v2 h1{margin:8px 0}.task-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:12px;margin:20px 0}.task-card{border:1px solid #dbe8ef;background:#fff;border-radius:18px;padding:16px;text-align:left;cursor:pointer;min-height:106px;transition:.2s}.task-card:hover,.task-card.active{transform:translateY(-2px);border-color:#2189c9;box-shadow:0 10px 24px rgba(31,117,168,.12)}.task-card .task-icon{font-size:28px;display:block;margin-bottom:8px}.task-card b{display:block}.catalog-shell-v2{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.catalog-filters-v2{position:sticky;top:90px;align-self:start;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;max-height:calc(100vh - 110px);overflow:auto}.filter-group{border-top:1px solid #edf2f7;padding-top:14px;margin-top:14px}.filter-group:first-child{border-top:0;margin-top:0;padding-top:0}.filter-group h3{font-size:15px;margin:0 0 10px}.filter-check{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:14px}.filter-check input{accent-color:#1686c0}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.price-row input,.catalog-toolbar-v2 input,.catalog-toolbar-v2 select{width:100%;border:1px solid #cfdbe3;border-radius:12px;padding:11px 12px;background:#fff}.filter-actions{display:flex;gap:8px;margin-top:16px}.catalog-main-v2{min-width:0}.catalog-toolbar-v2{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto;gap:10px;position:sticky;top:72px;z-index:8;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);padding:10px 0}.filter-mobile-btn{display:none}.active-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.filter-chip{border:0;background:#eaf6fc;color:#17638e;border-radius:999px;padding:7px 11px;cursor:pointer}.catalog-summary-v2{display:flex;justify-content:space-between;gap:12px;margin:14px 0}.products-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card-v2{position:relative;border:1px solid #e1e8ed;border-radius:20px;background:#fff;padding:14px;display:flex;flex-direction:column;min-width:0;transition:.2s}.product-card-v2:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(21,74,105,.12)}.product-card-v2 .thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#f8fafc}.product-card-v2 .thumb img{width:100%;height:100%;object-fit:contain}.product-badges{position:absolute;left:22px;top:22px;display:flex;gap:6px;flex-wrap:wrap}.product-badge{font-size:11px;background:#157fba;color:#fff;padding:5px 8px;border-radius:999px}.product-card-v2 h3{font-size:16px;line-height:1.35;margin:12px 0 7px;min-height:43px}.product-meta{font-size:12px;color:#718096}.product-card-v2 .price{font-size:21px;font-weight:800;margin:10px 0}.product-actions-v2{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:auto}.quick-btn,.mini-icon{border:1px solid #cad8e0;background:#fff;border-radius:11px;padding:10px;cursor:pointer}.buy-btn-v2{grid-column:1/-1;border:0;background:#1686c0;color:#fff;border-radius:12px;padding:12px;font-weight:700;cursor:pointer}.catalog-empty{grid-column:1/-1;padding:32px;text-align:center}.mobile-filter-backdrop{display:none}.quick-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.quick-modal.open{display:flex}.quick-modal-bg{position:absolute;inset:0;background:rgba(8,28,40,.62)}.quick-modal-card{position:relative;background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.quick-close{position:absolute;right:14px;top:12px;border:0;background:#eef4f7;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.quick-image{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f8fafc;border-radius:18px}.recent-section{margin-top:32px}.recent-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.recent-card{border:1px solid #e2e8f0;border-radius:14px;padding:10px;text-decoration:none;color:inherit}.recent-card img{width:100%;aspect-ratio:1/1;object-fit:contain}.catalog-more-wrap{text-align:center;margin:24px 0}.body-filter-open{overflow:hidden}
@media(max-width:1100px){.task-grid{grid-template-columns:repeat(4,1fr)}.products-grid-v2{grid-template-columns:repeat(2,1fr)}.recent-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.catalog-hero-v2{padding:20px;border-radius:18px}.task-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.task-card{min-width:160px;scroll-snap-align:start}.catalog-shell-v2{display:block}.catalog-filters-v2{position:fixed;left:0;top:0;bottom:0;width:min(88vw,350px);max-height:none;z-index:10001;border-radius:0 20px 20px 0;transform:translateX(-105%);transition:.25s;padding-top:25px}.catalog-filters-v2.open{transform:translateX(0)}.mobile-filter-backdrop.open{display:block;position:fixed;inset:0;background:rgba(8,28,40,.55);z-index:10000}.catalog-toolbar-v2{top:0;grid-template-columns:1fr auto;box-shadow:0 8px 20px rgba(26,73,99,.06)}.catalog-toolbar-v2 select{grid-column:1/2}.filter-mobile-btn{display:block;grid-column:2/3;grid-row:1/3;border:0;background:#1686c0;color:#fff;border-radius:12px;padding:10px 14px}.products-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card-v2{padding:10px;border-radius:15px}.product-card-v2 h3{font-size:14px}.product-card-v2 .price{font-size:17px}.quick-btn{font-size:12px;padding:8px}.quick-modal-card{grid-template-columns:1fr;padding:18px}.recent-row{display:flex;overflow:auto}.recent-card{min-width:145px}.catalog-summary-v2{font-size:13px}}
@media(max-width:420px){.products-grid-v2{grid-template-columns:1fr 1fr}.product-actions-v2{grid-template-columns:1fr auto}.product-actions-v2 .mini-icon:last-of-type{display:none}}

/* Quick view swipe-to-close */
.quick-modal-card{touch-action:pan-y;will-change:transform,opacity;transition:transform .22s ease,opacity .22s ease}.quick-modal-card.quick-dragging{transition:none;user-select:none}.quick-modal-card.quick-dismiss{pointer-events:none}.quick-swipe-handle{display:none;width:48px;height:5px;border-radius:999px;background:#cbd5df;margin:-7px auto 12px;grid-column:1/-1}.quick-modal-open{overflow:hidden}.quick-modal-bg{cursor:pointer}
@media(max-width:780px){.quick-modal{align-items:flex-end;padding:0}.quick-modal-card{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));transform-origin:center bottom}.quick-swipe-handle{display:block}.quick-modal-card::after{content:'Смахніть вліво, вправо або вниз, щоб закрити';display:block;grid-column:1/-1;text-align:center;color:#7b8791;font-size:12px;margin-top:4px}.quick-close{display:none!important}}

/* WaterHall 3.3.1 — desktop catalog sidebar fix */
@media (min-width: 781px){
  .catalog-shell-v2{
    grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  .catalog-filters-v2{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .catalog-filters-v2 #filters,
  .catalog-filters-v2 #brand-filters{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    min-width:0!important;
  }
  .catalog-filters-v2 .filter-check{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    line-height:1.35!important;
    cursor:pointer!important;
  }
  .catalog-filters-v2 .filter-check:hover{
    background:#f4f9fd!important;
    border-color:#d9eaf4!important;
  }
  .catalog-filters-v2 .filter-check input{
    width:16px!important;
    height:16px!important;
    margin:2px 0 0!important;
    flex:none!important;
  }
  .catalog-filters-v2 .filter-check span,
  .catalog-filters-v2 .filter-check:not(:has(span)){
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  .catalog-main-v2{min-width:0!important;overflow:hidden!important;}
  .products-grid-v2{min-width:0!important;}
}
@media (min-width:781px) and (max-width:1250px){
  .catalog-page-v2 .container{width:min(96%,1180px)!important;}
  .catalog-shell-v2{grid-template-columns:250px minmax(0,1fr)!important;gap:18px!important;}
  .products-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .catalog-toolbar-v2{grid-template-columns:minmax(180px,1fr) 190px!important;}
  .catalog-toolbar-v2 .filter-mobile-btn{display:none!important;}
}
@media (min-width:1251px){
  .products-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* WaterHall 3.5 — власні розділи каталогу */
.waterhall-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.waterhall-section{border:1px solid #dce8ef;background:#fff;border-radius:18px;padding:17px;text-align:left;cursor:pointer;min-height:138px;transition:.2s;display:flex;flex-direction:column;align-items:flex-start}.waterhall-section:hover,.waterhall-section.active{transform:translateY(-3px);border-color:#1686c0;box-shadow:0 12px 28px rgba(31,117,168,.14)}.waterhall-section>span{font-size:30px;margin-bottom:10px}.waterhall-section b{font-size:17px;margin-bottom:6px}.waterhall-section small{color:#617585;line-height:1.35}.catalog-hero-v2>p{max-width:760px}.task-grid{display:none!important}@media(max-width:1100px){.waterhall-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.waterhall-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.waterhall-section{min-height:125px;padding:14px}.waterhall-section b{font-size:15px}.waterhall-section small{font-size:12px}}@media(max-width:390px){.waterhall-sections{grid-template-columns:1fr}}

/* WaterHall 3.8: seven featured catalog categories */
.waterhall-sections-featured{grid-template-columns:repeat(7,minmax(0,1fr))}
.waterhall-sections-featured .waterhall-section{min-height:150px;padding:15px}
.waterhall-sections-featured .waterhall-section b{font-size:16px}
@media(max-width:1250px){.waterhall-sections-featured{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.waterhall-sections-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.waterhall-sections-featured{grid-template-columns:1fr}}


/* WaterHall 3.10 — категорії каталогу без іконок */
.waterhall-section>span{display:none!important;}
.waterhall-section{justify-content:center!important;padding:20px!important;}
.waterhall-section b{font-size:18px!important;margin-bottom:8px!important;}
.waterhall-section small{font-size:13px!important;line-height:1.45!important;}

/* WaterHall 4.1: wide centered category buttons */
.waterhall-sections.waterhall-sections-featured{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  width:100% !important;
  max-width:920px !important;
  margin:28px auto 0 !important;
}
.waterhall-sections-featured .waterhall-section{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:64px !important;
  height:64px !important;
  margin:0 !important;
  padding:12px 22px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#0877d1 !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(8,119,209,.18) !important;
  text-align:center !important;
  cursor:pointer !important;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease !important;
}
.waterhall-sections-featured .waterhall-section b{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
}
.waterhall-sections-featured .waterhall-section small{
  display:none !important;
}
.waterhall-sections-featured .waterhall-section:hover,
.waterhall-sections-featured .waterhall-section:focus-visible{
  background:#0666b5 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 11px 26px rgba(8,119,209,.24) !important;
}
.waterhall-sections-featured .waterhall-section:active{
  transform:translateY(0) scale(.995) !important;
}
@media(max-width:780px){
  .waterhall-sections.waterhall-sections-featured{gap:10px !important;margin-top:22px !important}
  .waterhall-sections-featured .waterhall-section{min-height:58px !important;height:58px !important;border-radius:12px !important;padding:10px 16px !important}
  .waterhall-sections-featured .waterhall-section b{font-size:16px !important}
}



/* WaterHall silver catalogue buttons */
.catalog-category,.category-btn,.catalog-btn,.waterhall-sections-featured .waterhall-section{
 background:linear-gradient(180deg,#ffffff 0%,#eef1f4 42%,#cfd5db 100%)!important;
 color:#26323d!important;border:1px solid #aeb7c0!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 14px rgba(31,45,58,.16)!important;
 text-shadow:0 1px 0 rgba(255,255,255,.9)!important;
}
.catalog-category:hover,.category-btn:hover,.catalog-btn:hover,.waterhall-sections-featured .waterhall-section:hover,
.catalog-category:focus-visible,.category-btn:focus-visible,.catalog-btn:focus-visible,.waterhall-sections-featured .waterhall-section:focus-visible{
 background:linear-gradient(180deg,#fff 0%,#e2e7eb 45%,#bcc5cd 100%)!important;color:#15212c!important;border-color:#8e99a3!important;
}
.catalog-category.active,.category-btn.active,.catalog-btn.active,.waterhall-sections-featured .waterhall-section.active{
 background:linear-gradient(180deg,#dfe4e8 0%,#b9c2ca 100%)!important;color:#111b24!important;border-color:#7f8993!important;
}