/* ════════════════════════════════════════════════════════
   ALMAMED — KATEGORIA v8 + FILTRY v3 — WCAG AA
   Przeniesione z Design Configuration -> HTML Head
════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── SIATKA ── */
div.products.wrapper.mode-grid ul[role="list"],
#product-list ul[role="list"]{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important;
}
@media(max-width:1023px){
  div.products.wrapper.mode-grid ul[role="list"],
  #product-list ul[role="list"]{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important;
  }
}
@media(max-width:599px){
  div.products.wrapper.mode-grid ul[role="list"],
  #product-list ul[role="list"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important;
  }
}

/* ── KARTA ── */
form.product.product-item{
  background:#fff !important; border:1px solid #E8EAED !important;
  border-radius:12px !important; overflow:hidden !important;
  position:relative !important; display:flex !important; flex-direction:column !important;
  box-shadow:0 1px 4px rgba(0,0,0,.05) !important;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s ease !important;
}
form.product.product-item:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 10px 24px rgba(0,155,139,.11),0 2px 6px rgba(0,0,0,.05) !important;
  border-color:rgba(0,155,139,.28) !important;
}
form.product.product-item::before{
  content:''; position:absolute; top:-100%; left:-55%; width:36%; height:260%;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);
  transform:skewX(-15deg); pointer-events:none; z-index:6;
}
form.product.product-item:hover::before{ animation:v8shine .5s ease forwards; }
@keyframes v8shine{ 0%{top:-100%;left:-55%} 100%{top:-100%;left:135%} }

/* ── ZDJĘCIE ── */
form.product.product-item a.product-item-photo,
form.product.product-item a.product.photo{
  height:180px !important; display:flex !important; align-items:center !important;
  justify-content:center !important; padding:6px 8px 4px !important;
  box-sizing:border-box !important; overflow:hidden !important;
}
form.product.product-item a.product-item-photo img,
form.product.product-item a.product.photo img{
  height:100% !important; width:100% !important; object-fit:contain !important;
  object-position:center !important;
  transition:transform .36s cubic-bezier(.22,1,.36,1) !important;
}
form.product.product-item:hover a.product-item-photo img,
form.product.product-item:hover a.product.photo img{ transform:scale(1.06) !important; }
@media(max-width:599px){
  form.product.product-item a.product-item-photo,
  form.product.product-item a.product.photo{ height:140px !important; }
}

/* ── FOCUS — WCAG 2.4.7 ── */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid #009b8b !important;
  outline-offset:2px !important;
}

/* ── NAZWA ── */
form.product.product-item .h-12{
  height:auto !important; min-height:2.7em !important; max-height:2.7em !important; overflow:hidden !important;
}
form.product.product-item a.product-item-link{
  font-size:12.5px !important; line-height:1.35 !important; font-weight:500 !important;
  color:#2d3748 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important; overflow:hidden !important; white-space:normal !important;
  transition:color .15s ease !important;
}
form.product.product-item:hover a.product-item-link{
  -webkit-line-clamp:unset !important; color:#009b8b !important;
}

/* ── X OSÓB KUPIŁO ── */
form.product.product-item .flex.items-center.gap-1.py-4{
  font-size:12px !important; color:#475569 !important; font-weight:500 !important;
  padding-top:6px !important; padding-bottom:6px !important; min-height:28px !important;
}
form.product.product-item .flex.items-center.gap-1.py-4 span.font-bold{
  font-size:13px !important; font-weight:700 !important; color:#009b8b !important;
}
form.product.product-item .flex.items-center.gap-1.py-4 svg{
  width:13px !important; height:13px !important; flex-shrink:0 !important;
}

/* ── CENA + PRZYCISK ── */
form.product.product-item .text-sm.flex.place-content-between.w-full{
  align-items:center !important; padding-bottom:4px !important;
}
form.product.product-item .text-sm.flex.place-content-between.w-full > div:last-child{
  margin-top:0 !important; padding-top:0 !important;
  display:flex !important; align-items:center !important;
}
form.product.product-item .price-box .price{
  font-size:15px !important; font-weight:800 !important;
  color:#009b8b !important; letter-spacing:-.02em !important;
}
form.product.product-item button[aria-label="Do koszyka"]:hover > div,
form.product.product-item button[aria-label="Dodaj do koszyka"]:hover > div{
  animation:v8cartbounce .3s cubic-bezier(.22,1,.36,1);
}
@keyframes v8cartbounce{ 0%{transform:scale(1);} 45%{transform:scale(1.18);} 100%{transform:scale(1);} }
@keyframes v8bounce{ 0%{transform:scale(1);} 30%{transform:scale(1.12);} 55%{transform:scale(.97);} 78%{transform:scale(1.05);} 100%{transform:scale(1);} }
.v8-price-bounce{ display:inline-block; animation:v8bounce .5s cubic-bezier(.22,1,.36,1) forwards; }

/* ── PRODUCT INFO ── */
form.product.product-item .product-info,
form.product.product-item .product-item-details{
  padding-bottom:30px !important; display:flex !important;
  flex-direction:column !important; justify-content:space-between !important;
}
form.product.product-item .product-info .flex.items-center.gap-1.py-4,
form.product.product-item .product-item-details .flex.items-center.gap-1.py-4{
  flex-grow:1 !important; align-items:flex-end !important; min-height:36px !important;
}

/* ── TOP 3 ── */
form.product.product-item.v8-t1{ border-color:rgba(245,158,11,.28) !important; }
form.product.product-item.v8-t2{ border-color:rgba(148,163,184,.38) !important; }
form.product.product-item.v8-t3{ border-color:rgba(184,115,51,.3) !important; }

/* ── KROPKA POPULARNOŚCI ── */
.v8-pop-dot{
  position:absolute; bottom:32px; left:10px; z-index:15;
  width:7px; height:7px; border-radius:50%; pointer-events:none;
}
.v8-pop-dot.hot{ background:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.16); animation:v8pulse 2.4s ease-in-out infinite; }
.v8-pop-dot.warm{ background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.13); animation:v8pulse 3s ease-in-out infinite; }
.v8-pop-dot.cool{ background:#009b8b; box-shadow:0 0 0 3px rgba(0,155,139,.13); animation:v8pulse 3.6s ease-in-out infinite; }
@keyframes v8pulse{ 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.5);opacity:.5;} }

/* ── STATUS BAR ── */
.v8-status{
  position:absolute; bottom:0; left:0; right:0; z-index:10;
  padding:4px 10px 5px; background:rgba(255,255,255,.97);
  border-top:1px solid #F0F2F4; border-radius:0 0 11px 11px;
  display:flex; flex-direction:column; gap:2px;
  pointer-events:none;
}
.v8-status-row{ display:flex; align-items:center; justify-content:space-between; gap:6px; }
.v8-lbl{
  font-family:'Inter',system-ui,sans-serif;
  font-size:11px; font-weight:700;
  color:#3d4a5c;
  text-transform:uppercase; letter-spacing:.04em;
  white-space:nowrap; flex:1; overflow:hidden; text-overflow:ellipsis;
}
.v8-lbl.high{ color:#b45309; }
.v8-lbl.fire{ color:#c81e1e; }
.v8-viewers{
  display:flex; align-items:center; gap:3px; flex-shrink:0;
  font-family:'Inter',system-ui,sans-serif;
  font-size:11px; font-weight:700;
  color:#3d4a5c;
}
.v8-vdot{ width:6px; height:6px; border-radius:50%; flex-shrink:0; animation:v8blink 1.1s ease-in-out infinite; }
@keyframes v8blink{ 0%,100%{opacity:1;} 50%{opacity:.1;} }
.v8-bar-wrap{ height:2px; background:#EEF0F2; border-radius:99px; overflow:hidden; }
.v8-bar{ height:100%; border-radius:99px; background:linear-gradient(90deg,#009b8b,#00c8b4); width:0%; transition:width 1.6s cubic-bezier(.22,1,.36,1); }
.v8-bar.high{ background:linear-gradient(90deg,#b45309,#d97706); }
.v8-bar.fire{ background:linear-gradient(90deg,#c81e1e,#ef4444); }

/* ── ETYKIETY HYVÄ mobile ── */
@media(max-width:639px){
  form.product.product-item .absolute.left-0.top-0.p-3.flex.gap-3.flex-wrap.items-baseline.z-10{
    transform:scale(0.72) !important; transform-origin:top left !important;
  }
  .v8-viewers{ display:none; }
  .toolbar.toolbar-products .modes,
  .toolbar.toolbar-products [data-role="mode-switcher"],
  .toolbar.toolbar-products .modes-mode{ display:none !important; }
  .alm-top-pages{ display:none !important; }
  .alm-toolbar-row{ display:block !important; }
}

@media(max-width:639px){
  form.product.product-item .product-info{
    position: static !important;
  }
  form.product.product-item .add-to-container{
    gap: 3px !important;
  }
  form.product.product-item .add-to-container button{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
  }
  form.product.product-item .add-to-container button svg{
    width: 13px !important;
    height: 13px !important;
  }
}

/* ── OMNIBUS mobile ── */
@media(max-width:639px){
  form.product.product-item{
    overflow: visible !important;
  }
  form.product.product-item::before{
    display: none !important;
  }
  form.product.product-item .price-omnibus_price{
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
    display: block !important;
    position: static !important;
  }
  form.product.product-item .price-omnibus_price label{
    display: block !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }
  form.product.product-item .price-box,
  form.product.product-item .price-container{
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* ── PAGINACJA ── */
.pages{ font-family:'Inter',system-ui,sans-serif !important; }
.pages .items{ display:flex !important; align-items:center !important; gap:3px !important; list-style:none !important; padding:0 !important; margin:0 !important; }
.pages .item a,
.pages .item strong{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:32px !important; height:32px !important; border-radius:999px !important;
  font-size:12px !important; font-weight:500 !important; font-family:'Inter',system-ui,sans-serif !important;
  border:1.5px solid #E8EAED !important; background:#fff !important;
  color:#4b5563 !important;
  text-decoration:none !important; transition:all .15s !important;
}
.pages .item a:hover{ border-color:#009b8b !important; color:#007a6d !important; background:#f0fdf9 !important; }
.pages .item.current strong{
  background:#009b8b !important; border-color:#009b8b !important; color:#fff !important;
  font-weight:700 !important; box-shadow:0 2px 8px rgba(0,155,139,.3) !important;
}
.pages .action.previous,
.pages .action.next{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:32px !important; height:32px !important; border-radius:999px !important;
  border:1.5px solid #E8EAED !important; background:#fff !important;
  color:#4b5563 !important;
  transition:all .15s !important;
}
.pages .action.previous:hover,
.pages .action.next:hover{ border-color:#009b8b !important; color:#007a6d !important; }
.pages .action span[class*="label"]{ display:none !important; }
.toolbar-products .field.limiter{ display:flex !important; align-items:center !important; gap:6px !important; }
.toolbar-products .field.limiter label{ font-size:12px !important; color:#4b5563 !important; font-family:'Inter',system-ui,sans-serif !important; }
.toolbar-products .field.limiter select{
  height:30px !important; padding:0 24px 0 8px !important;
  border:1.5px solid #E8EAED !important; border-radius:8px !important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center !important;
  color:#4b5563 !important; font-size:12px !important; font-weight:500 !important;
  font-family:'Inter',system-ui,sans-serif !important; appearance:none !important; -webkit-appearance:none !important;
}

/* ── PAGINACJA GÓRNA ── */
.alm-top-pages{
  display:flex !important; align-items:center !important;
  justify-content:flex-end !important; margin-bottom:0 !important; margin-top:0 !important;
}
.alm-top-pages .pages{ margin:0 !important; }
.alm-top-pages + .toolbar.toolbar-products{ display:inline-flex !important; align-items:center !important; }
.alm-toolbar-row{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; margin-bottom:10px !important; gap:12px !important;
}
.alm-toolbar-row .alm-top-pages{ margin:0 !important; }
.alm-toolbar-row .toolbar.toolbar-products{ margin:0 !important; padding:0 !important; }
@media(max-width:639px){
  .alm-top-pages{ justify-content:center !important; margin-bottom:10px !important; }
}

/* ── WHITESPACE ── */
.py-8{ padding-top:8px !important; padding-bottom:8px !important; }
.page-main{ padding-top:8px !important; }
.page-layout-2columns-left .column.main{ padding-top:0 !important; }
.page-title-wrapper{ margin-bottom:8px !important; }
.breadcrumbs{ margin-top:4px !important; margin-bottom:4px !important; padding:0 !important; }
.breadcrumbs li{ font-size:12px !important; }
.page-title{ font-size:22px !important; margin-bottom:4px !important; line-height:1.2 !important; }
.toolbar.toolbar-products:first-of-type{ margin-bottom:10px !important; padding-top:0 !important; }
div.products.wrapper.mode-grid, #product-list{ margin-top:0 !important; padding-top:0 !important; }

/* ── ACCESSIBILITY ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ════════════════════════════════════════════════════════
   DESKTOP — WHITESPACE, TOOLBAR, AKTYWNE FILTRY
════════════════════════════════════════════════════════ */
@media(min-width:640px){
  .page-main{ padding-top:4px !important; }
  .page-title-wrapper{ margin-bottom:4px !important; }
  .breadcrumbs{ margin-top:2px !important; margin-bottom:2px !important; }
  .page-title{ font-size:20px !important; margin-bottom:2px !important; }
  .toolbar.toolbar-products:first-of-type{ margin-bottom:8px !important; padding-top:0 !important; }
  div.products.wrapper.mode-grid ul[role="list"],
  #product-list ul[role="list"]{ gap:12px !important; }
  .toolbar.toolbar-products .modes{ display:none !important; }
  .toolbar.toolbar-products{ display:flex !important; align-items:center !important; gap:8px !important; }
  .toolbar.toolbar-products .toolbar-amount{ font-size:12px !important; color:#4b5563 !important; margin-right:auto !important; }
  .toolbar.toolbar-products select[id*="sorter"],
  .toolbar.toolbar-products .toolbar-sorter select{
    height:34px !important; padding:0 32px 0 12px !important;
    border:1.5px solid #E8EAED !important; border-radius:8px !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    color:#4b5563 !important; font-size:12px !important; font-weight:500 !important;
    font-family:'Inter',system-ui,sans-serif !important;
    appearance:none !important; -webkit-appearance:none !important;
    box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
  }
  .toolbar.toolbar-products select[id*="sorter"]:focus,
  .toolbar.toolbar-products .toolbar-sorter select:focus{
    outline:3px solid #009b8b !important;
    outline-offset:2px !important;
    border-color:#009b8b !important;
  }
  .toolbar.toolbar-products .sorter-action,
  .toolbar.toolbar-products [data-role="direction-switcher"]{
    width:34px !important; height:34px !important; border-radius:8px !important;
    border:1.5px solid #E8EAED !important; background:#fff !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    color:#4b5563 !important; transition:all .15s !important;
  }
  .toolbar.toolbar-products .sorter-action:hover{ border-color:#009b8b !important; color:#009b8b !important; }
  .filter-current{
    background:#f8fffe !important; border:1px solid rgba(0,155,139,.18) !important;
    border-radius:10px !important; padding:10px 14px !important; margin-bottom:10px !important;
  }
  .block-subtitle.filter-current-subtitle{
    font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important;
    text-transform:uppercase !important; color:#007a6d !important;
    font-family:'Inter',system-ui,sans-serif !important; display:block !important; margin-bottom:8px !important;
  }
  .filter-current .item{
    display:flex !important; align-items:center !important; gap:6px !important;
    padding:4px 0 !important; border-bottom:1px solid rgba(0,155,139,.08) !important;
  }
  .filter-current .item:last-of-type{ border-bottom:none !important; padding-bottom:0 !important; }
  .filter-current .filter-label{
    font-size:11px !important; font-weight:600 !important;
    color:#4b5563 !important;
    font-family:'Inter',system-ui,sans-serif !important;
  }
  .filter-current .filter-value{
    font-size:12px !important; font-weight:500 !important; color:#2d3748 !important;
    font-family:'Inter',system-ui,sans-serif !important; flex:1 !important;
  }
  .filter-current .action.remove{
    width:20px !important; height:20px !important; border-radius:50% !important;
    background:rgba(239,68,68,.08) !important; display:inline-flex !important;
    align-items:center !important; justify-content:center !important;
    color:#c81e1e !important;
    transition:background .15s !important; flex-shrink:0 !important;
  }
  .filter-current .action.remove:hover{ background:rgba(239,68,68,.2) !important; }
  .filter-actions{ margin-top:8px !important; }
  .filter-actions .action.clear{
    font-size:11px !important; font-weight:600 !important; color:#c81e1e !important;
    font-family:'Inter',system-ui,sans-serif !important; text-decoration:none !important;
  }
  .filter-actions .action.clear:hover{ color:#991b1b !important; }
}

/* ════════════════════════════════════════════════════════
   DESKTOP FILTRY
════════════════════════════════════════════════════════ */
@media(min-width:640px){
  .sidebar-main .block.filter, aside .block.filter{ border:none !important; background:transparent !important; padding:0 !important; margin:0 !important; }
  .block.filter .block-title{ margin-bottom:14px !important; }
  .block.filter .block-title span.text-primary{
    font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important;
    color:#4b5563 !important;
    font-family:'Inter',system-ui,sans-serif !important;
  }
  .filter-option.card{
    background:#fff !important; border:1px solid #E8EAED !important;
    border-radius:10px !important; margin:0 0 8px 0 !important;
    padding:0 !important; overflow:hidden !important;
    transition:box-shadow .15s ease,border-color .15s ease !important;
  }
  .filter-option.card:has([aria-expanded="true"]){
    box-shadow:0 2px 8px rgba(0,155,139,.08) !important; border-color:rgba(0,155,139,.22) !important;
  }
  .filter-options-title{
    padding:11px 14px !important; background:#fff !important;
    border:none !important; border-radius:10px !important;
    transition:background .15s ease !important; font-family:'Inter',system-ui,sans-serif !important;
  }
  .filter-options-title.border-b{ border-bottom:1px solid #E8EAED !important; border-radius:10px 10px 0 0 !important; background:#f8fffe !important; }
  .filter-options-title .title{ font-size:13px !important; font-weight:600 !important; color:#2d3748 !important; font-family:'Inter',system-ui,sans-serif !important; }
  .filter-options-title:hover .title{ color:#007a6d !important; }
  .filter-options-title .py-1.px-1.rounded.border{ border-color:#E8EAED !important; background:#F8FAFB !important; transition:all .15s ease !important; }
  .filter-options-title.border-b .py-1.px-1.rounded.border,
  .filter-options-title:hover .py-1.px-1.rounded.border{ border-color:#009b8b !important; background:#e6f7f5 !important; }
  .filter-options-title svg{ width:16px !important; height:16px !important; color:#4b5563 !important; }
  .filter-options-title.border-b svg, .filter-options-title:hover svg{ color:#007a6d !important; }
  .filter-option.card [id$="-content"]{ padding:8px 14px 12px !important; }
  .filter-option.card ol.items li a{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    padding:5px 6px !important; font-size:12.5px !important; color:#374151 !important;
    font-weight:400 !important; border-radius:6px !important;
    transition:background .12s ease,color .12s ease !important; text-decoration:none !important;
    font-family:'Inter',system-ui,sans-serif !important;
  }
  .filter-option.card ol.items li a:hover{ background:#f0fdf9 !important; color:#007a6d !important; }
  .filter-option.card ol.items li a .count{ font-size:11px !important; color:#6b7280 !important; font-weight:500 !important; }
  .filter-option.card ol.items li a:hover .count{ color:#007a6d !important; }
}

/* ── TOOLBAR MOBILE ── */
@media(max-width:639px){
  .toolbar.toolbar-products:first-of-type{ display:flex !important; align-items:center !important; gap:6px !important; padding:6px 0 8px !important; margin-bottom:8px !important; }
  .toolbar.toolbar-products .modes{ display:flex !important; gap:4px !important; }
  .toolbar.toolbar-products .modes .mode-button{ width:32px !important; height:32px !important; border-radius:8px !important; border:1.5px solid #E8EAED !important; background:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#4b5563 !important; }
  .toolbar.toolbar-products .modes .mode-button.active,
  .toolbar.toolbar-products .modes .mode-button[class*="active"]{ border-color:#009b8b !important; background:#e6f7f5 !important; color:#007a6d !important; }
  .toolbar.toolbar-products .toolbar-sorter{ flex:1 !important; }
  .toolbar.toolbar-products .toolbar-sorter select,
  .toolbar.toolbar-products select[id*="sorter"]{
    width:100% !important; height:34px !important;
    border:1.5px solid #E8EAED !important; border-radius:8px !important;
    background:#fff !important; color:#4b5563 !important;
    font-family:'Inter',system-ui,sans-serif !important; font-size:12px !important; font-weight:500 !important;
    padding:0 28px 0 10px !important; appearance:none !important; -webkit-appearance:none !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important; background-position:right 8px center !important;
  }
  .toolbar.toolbar-products .sorter-action,
  .toolbar.toolbar-products [data-role="direction-switcher"]{ width:34px !important; height:34px !important; border-radius:8px !important; border:1.5px solid #E8EAED !important; background:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#4b5563 !important; flex-shrink:0 !important; }
}

/* ── DESKTOP SUWAK CENY ── */
@media(min-width:640px){
  .alm-desktop-price-slider{ padding:4px 14px 14px; pointer-events:none; }
  .alm-desktop-price-slider input,
  .alm-desktop-price-slider button{ pointer-events:all; }
  .alm-desktop-price-display{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
  .alm-desktop-price-val{ font-size:12px; font-weight:600; color:#2d3748; background:#F5F7F8; padding:3px 10px; border-radius:6px; font-family:'Inter',system-ui,sans-serif; }
  .alm-desktop-price-sep{ font-size:11px; color:#4b5563; }
  .alm-desktop-range-wrap{ position:relative; height:32px; display:flex; align-items:center; margin-bottom:10px; }
  .alm-desktop-range-track{ position:absolute; left:0; right:0; height:3px; background:#E8EAED; border-radius:99px; }
  .alm-desktop-range-fill{ position:absolute; height:3px; background:#009b8b; border-radius:99px; }
  .alm-desktop-range-input{ position:absolute; width:100%; -webkit-appearance:none; appearance:none; background:transparent; pointer-events:none; height:32px; margin:0; }
  .alm-desktop-range-input::-webkit-slider-thumb{ -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid #009b8b; box-shadow:0 1px 4px rgba(0,155,139,.25); pointer-events:all; cursor:pointer; }
  .alm-desktop-range-input:focus-visible{ outline:3px solid #009b8b; outline-offset:4px; }
  .alm-desktop-price-apply{ display:block; width:100%; padding:8px; background:#00695e; color:#fff; border:none; border-radius:8px; font-family:'Inter',system-ui,sans-serif; font-size:12px; font-weight:600; cursor:pointer; transition:background .15s; }
  .alm-desktop-price-apply:hover{ background:#004d45; }
  .alm-desktop-price-apply:focus-visible{ outline:3px solid #004d45; outline-offset:2px; }
}

/* ── SIDEBAR MOBILE — ukryj ── */
@media(max-width:639px){
  .sidebar-main, .sidebar.sidebar-main{ position:fixed !important; top:0 !important; left:-100vw !important; width:1px !important; height:1px !important; overflow:hidden !important; visibility:hidden !important; pointer-events:none !important; z-index:-1 !important; }
}

/* ── FAB ── */
.alm-filter-fab{ display:none !important; }
@media(max-width:639px){
  .alm-filter-fixed{
    display:flex !important; position:fixed !important; bottom:88px !important; left:50% !important;
    width:auto !important; z-index:9999 !important; align-items:center; gap:6px;
    background:rgba(255,255,255,0.96) !important;
    color:#007a6d !important;
    font-family:'Inter',system-ui,sans-serif; font-size:13px; font-weight:600;
    padding:10px 20px; border-radius:999px; border:1.5px solid rgba(0,155,139,0.4) !important;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
    box-shadow:0 2px 16px rgba(0,0,0,.12);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    transform:translateX(-50%) !important; transition:box-shadow .2s, border-color .2s; letter-spacing:.01em;
  }
  .alm-filter-fixed:active{ background:rgba(0,155,139,0.1) !important; border-color:rgba(0,155,139,0.7) !important; }
  .alm-filter-fixed:focus-visible{ outline:3px solid #009b8b !important; outline-offset:3px !important; }
}

/* ── DRAWER ── */
.alm-drawer-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9998; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); }
.alm-drawer-overlay.open{ display:block; }
.alm-drawer{ position:fixed; bottom:0; left:0; right:0; z-index:9999; background:#fff; border-radius:20px 20px 0 0; max-height:85vh; display:flex; flex-direction:column; font-family:'Inter',system-ui,sans-serif; transform:translateY(100%); transition:transform .35s cubic-bezier(.22,1,.36,1); box-shadow:0 -8px 40px rgba(0,0,0,.2); }
.alm-drawer.open{ transform:translateY(0); }
.alm-drawer-handle{ width:36px; height:4px; background:#E8EAED; border-radius:99px; margin:12px auto 0; flex-shrink:0; }
.alm-drawer-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px 12px; border-bottom:1px solid #F0F2F4; flex-shrink:0; }
.alm-drawer-title{ font-size:16px; font-weight:700; color:#1a202c; }
.alm-drawer-close{ width:44px; height:44px; border-radius:50%; background:#F5F7F8; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#4b5563; -webkit-tap-highlight-color:transparent; }
.alm-drawer-close:active{ background:#fee2e2; color:#c81e1e; }
.alm-drawer-close:focus-visible{ outline:3px solid #009b8b; outline-offset:2px; }
.alm-drawer-body{ overflow-y:auto; flex:1; padding:0 0 20px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.alm-drawer-section{ border-bottom:1px solid #F0F2F4; }
.alm-drawer-section-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px; cursor:pointer; -webkit-tap-highlight-color:transparent; min-height:44px; }
.alm-drawer-section-header:active{ background:#f8fffe; }
.alm-drawer-section-header:focus-visible{ outline:3px solid #009b8b; outline-offset:-2px; }
.alm-drawer-section-title{ font-size:14px; font-weight:600; color:#2d3748; }
.alm-drawer-section-meta{ display:flex; align-items:center; gap:8px; }
.alm-drawer-section-count{ font-size:11px; color:#6b7280; font-weight:500; }
.alm-drawer-chevron{ width:20px; height:20px; color:#4b5563; transition:transform .2s ease,color .2s ease; }
.alm-drawer-section.open .alm-drawer-chevron{ transform:rotate(180deg); color:#007a6d; }
.alm-drawer-section.open .alm-drawer-section-title{ color:#007a6d; }
.alm-drawer-options{ display:none; padding:4px 20px 12px; flex-direction:column; gap:6px; }
.alm-drawer-section.open .alm-drawer-options{ display:flex; animation:alm-opts-in .2s ease forwards; }
@keyframes alm-opts-in{ from{opacity:0;transform:translateY(-4px);} to{opacity:1;transform:translateY(0);} }
.alm-drawer-chip{ display:flex; align-items:center; justify-content:space-between; padding:11px 14px; border-radius:10px; border:1.5px solid #E8EAED; background:#fff; text-decoration:none; color:#374151; font-size:13px; font-weight:500; -webkit-tap-highlight-color:transparent; min-height:44px; }
.alm-drawer-chip:active{ background:#e6f7f5; border-color:#009b8b; color:#007a6d; transform:scale(.98); }
.alm-drawer-chip:focus-visible{ outline:3px solid #009b8b; outline-offset:2px; }
.alm-drawer-chip-count{ font-size:11px; color:#6b7280; font-weight:600; background:#F5F7F8; padding:2px 7px; border-radius:999px; }
.alm-drawer-footer{ padding:14px 20px; border-top:1px solid #F0F2F4; flex-shrink:0; }
.alm-drawer-reset{ width:100%; padding:13px; border-radius:10px; border:1.5px solid #E8EAED; background:#fff; color:#4b5563; font-size:14px; font-weight:600; font-family:'Inter',system-ui,sans-serif; cursor:pointer; -webkit-tap-highlight-color:transparent; min-height:44px; }
.alm-drawer-reset:active{ background:#fee2e2; border-color:#fca5a5; color:#c81e1e; }
.alm-drawer-reset:focus-visible{ outline:3px solid #009b8b; outline-offset:2px; }

/* ── SUWAK CENY MOBILE ── */
.alm-price-slider{ padding:8px 20px 20px; }
.alm-price-display{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.alm-price-val{ font-size:13px; font-weight:600; color:#1a202c; background:#F5F7F8; padding:5px 12px; border-radius:8px; }
.alm-price-sep{ font-size:12px; color:#4b5563; }
.alm-range-wrap{ position:relative; height:36px; display:flex; align-items:center; }
.alm-range-track{ position:absolute; left:0; right:0; height:4px; background:#E8EAED; border-radius:99px; }
.alm-range-fill{ position:absolute; height:4px; background:#009b8b; border-radius:99px; }
.alm-range-input{ position:absolute; width:100%; -webkit-appearance:none; appearance:none; background:transparent; pointer-events:none; height:36px; margin:0; }
.alm-range-input::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid #009b8b; box-shadow:0 1px 6px rgba(0,155,139,.3); pointer-events:all; cursor:pointer; }
.alm-range-input:focus-visible{ outline:3px solid #009b8b; outline-offset:4px; }
.alm-price-apply{ display:block; width:100%; margin-top:14px; padding:11px; background:#009b8b; color:#fff; border:none; border-radius:10px; font-family:'Inter',system-ui,sans-serif; font-size:13px; font-weight:600; cursor:pointer; -webkit-tap-highlight-color:transparent; min-height:44px; }
.alm-price-apply:active{ background:#007a6d; }
.alm-price-apply:focus-visible{ outline:3px solid #005f55; outline-offset:2px; }

/* ════════════════════════════════════════════════════════
   WCAG 1.4.3 — OVERRIDES KONTRASTOWE
════════════════════════════════════════════════════════ */
[id^="hot-bar-container"] a,
[id^="hot-bar-container"] span,
[id^="hot-bar-container"] p{
  color: #fff !important;
}
[id^="hot-bar-container"].bg-primary,
[id^="hot-bar-container"][style*="background-color: #009b8b"],
[id^="hot-bar-container"][style*="background-color:#009b8b"]{
  background-color: #00695e !important;
}
button.action.bg-primary.text-white,
a.action.bg-primary.text-white,
.bg-primary.text-white.rounded-full{
  background-color: #00695e !important;
}
.bg-primary.text-white.rounded-full:hover,
button.action.bg-primary.text-white:hover{
  background-color: #004d45 !important;
}
.dark\:text-gray-300 > label{
  color: #374151 !important;
}

/* ── EKOMI — ukryj pasek na dole strony ── */
div[x-data="bottomWidget()"],
.ekomi-widget-container[class*="ekomi-widget-sf"]{
  display: none !important;
}