/* === Modern breadcrumb v2 (polish 2026-05-11 18:30) =================
   - Desktop: larger, more visible, stronger pill, bigger icons
   - Mobile : collapse middle crumbs to "..." so current is always visible
   - Mobile : hide product prev/next nav (displayAfterBreadcrumb)
   ================================================================== */
#wrapper .breadcrumb.breadcrumb--modern{background:linear-gradient(180deg,#f5f7fa 0%,#fff 100%);border-bottom:1px solid #e1e5ea;box-shadow:0 1px 0 rgba(15,23,42,.03);padding:.9rem 0;position:relative;animation:bcFadeIn .35s ease both}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .3rem;row-gap:.15rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__item{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;padding:0;margin:0;font-size:.9375rem;line-height:1;color:#5b6471}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__item::after{content:none}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;color:#5b6471;text-decoration:none;border-radius:6px;font-weight:500;transition:color .18s ease,background-color .18s ease,transform .18s ease;opacity:1}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link:hover,#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link:focus-visible{color:#2fb5d2;background:rgba(47,181,210,.09);text-decoration:none;outline:none;opacity:1}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link:focus-visible{box-shadow:0 0 0 2px rgba(47,181,210,.35)}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__home-icon{flex:0 0 auto;width:18px;height:18px;opacity:.85;transition:opacity .18s ease,transform .18s ease}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link:hover .breadcrumb__home-icon,#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link:focus-visible .breadcrumb__home-icon{opacity:1;transform:translateY(-1px)}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__label{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__sep{flex:0 0 auto;width:14px;height:14px;color:#c4cad2;margin:0 .1rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__current{display:inline-flex;align-items:center;padding:.5rem .9rem;color:#1a1d1f;font-weight:600;font-size:.9375rem;letter-spacing:-.005em;background:rgba(47,181,210,.11);border-radius:8px;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__current::before{content:"";width:7px;height:7px;border-radius:50%;background:#2fb5d2;margin-right:.55rem;flex:0 0 auto;box-shadow:0 0 0 4px rgba(47,181,210,.14)}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__after{color:#5b6471;font-size:.9rem;line-height:1}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav{font-size:1rem}
@media (max-width:575.98px){
#wrapper .breadcrumb.breadcrumb--modern{padding:.6rem 0}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__list{flex-wrap:wrap;row-gap:.15rem;overflow-x:visible}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__item:not(.breadcrumb__item--home):not(.breadcrumb__item--current){display:none}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__item{font-size:.8125rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__link{padding:.35rem .55rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__home-icon{width:15px;height:15px}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__sep{width:11px;height:11px;margin:0 .05rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__label{max-width:12rem}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__current{font-size:.8125rem;padding:.4rem .7rem;max-width:calc(100vw - 5.5rem)}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__current::before{width:6px;height:6px;margin-right:.45rem;box-shadow:0 0 0 3px rgba(47,181,210,.14)}
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__after{display:none !important}
#wrapper .breadcrumb.breadcrumb--modern:not([data-depth="2"]) .breadcrumb__item.breadcrumb__item--current::before{content:"\2026";color:#9aa3ad;font-size:1.1rem;line-height:1;margin:0 .35rem 0 .15rem;flex:0 0 auto;align-self:center;letter-spacing:.05em}
}
@keyframes bcFadeIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* === Modern breadcrumb v3 (mobile back-nav fix 2026-05-11 19:15) ====
   Keep the immediate parent visible & clickable on mobile so users can
   step up one level. "…" appears before the parent on depth >= 4 to
   indicate the skipped intermediate levels.
   ================================================================== */
@media (max-width:575.98px){
/* Re-show the immediate parent (second-to-last crumb) — overrides the
   broader "hide all middle" rule from v2. Specificity: 1,5,0 (matches v2)
   and source order is later, so this wins. */
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__list .breadcrumb__item:nth-last-child(2):not(.breadcrumb__item--current){display:inline-flex}
/* Remove the v2 ellipsis pseudo on the current pill (it was misplaced — it
   should be on the parent so home > … > parent > current reads naturally). */
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__list .breadcrumb__item.breadcrumb__item--current::before{content:normal !important;width:auto;height:auto;background:none;box-shadow:none;margin:0}
/* Restore the dot indicator on .breadcrumb__current::before (lives on the
   inner span, not the li, so the rule above doesn't touch it — but we
   re-state it here for safety). */
#wrapper .breadcrumb.breadcrumb--modern .breadcrumb__current::before{content:"";width:6px;height:6px;border-radius:50%;background:#2fb5d2;margin-right:.45rem;flex:0 0 auto;box-shadow:0 0 0 3px rgba(47,181,210,.14)}
/* Show "…" before the parent crumb only when there are hidden levels
   above (depth >= 4). depth 2 / 3 keep their natural chain. */
#wrapper .breadcrumb.breadcrumb--modern:not([data-depth="2"]):not([data-depth="3"]) .breadcrumb__list .breadcrumb__item:nth-last-child(2)::before{content:"\2026";color:#9aa3ad;font-size:1.1rem;line-height:1;margin:0 .35rem 0 .1rem;flex:0 0 auto;align-self:center;letter-spacing:.05em;width:auto;height:auto;background:none;box-shadow:none;border-radius:0}
}

/* Prev/next product buttons in breadcrumb — large tap targets */
.breadcrumb.breadcrumb--modern .breadcrumb__after {
    flex: 0 0 auto;
    margin-left: auto;
    position: relative;
    z-index: 2;
}
.breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav,
#iqitproductsnav.ift-product-nav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: inherit;
}
.breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav a,
#iqitproductsnav.ift-product-nav .ift-product-nav__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav a:hover,
.breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav a:focus-visible,
#iqitproductsnav.ift-product-nav .ift-product-nav__btn:hover,
#iqitproductsnav.ift-product-nav .ift-product-nav__btn:focus-visible {
    color: #0f766e;
    border-color: #5eead4;
    background: #f0fdfa;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.14);
    outline: none;
    opacity: 1;
    transform: translateY(-1px);
}
.breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav a .fa,
#iqitproductsnav.ift-product-nav .ift-product-nav__btn .fa {
    font-size: 1.35em;
    pointer-events: none;
}
@media (max-width: 575.98px) {
    /* Keep prev/next visible on small screens (overrides v2 hide) */
    #wrapper .breadcrumb.breadcrumb--modern .breadcrumb__after {
        display: flex !important;
        align-items: center;
        margin-left: 0.5rem;
    }
    .breadcrumb.breadcrumb--modern .breadcrumb__after #iqitproductsnav a,
    #iqitproductsnav.ift-product-nav .ift-product-nav__btn {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        font-size: 20px;
        border-radius: 8px;
    }
}

/* Kill legacy Warehouse separators / you-are-here when modern is active */
#wrapper .breadcrumb.breadcrumb--modern.custom-breadcrumb ol li::after {
    content: none !important;
    margin: 0 !important;
}
#wrapper .breadcrumb.breadcrumb--modern .you-are-here-indicator,
#wrapper .breadcrumb.breadcrumb--modern .you-are-here {
    display: none !important;
}