
.szl-rsi-quickbar{width:100%;box-sizing:border-box;margin:0;padding:clamp(8px,1.5vw,16px);position:relative;z-index:5}
.szl-rsi-quickbar-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,14px)}
.szl-rsi-quickbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 12px;text-decoration:none;border:1px solid currentColor;border-radius:8px;font-weight:600;box-sizing:border-box}
.szl-rsi-products{max-width:1200px;margin:clamp(24px,4vw,48px) auto;padding:0 clamp(12px,3vw,28px)}
.szl-rsi-products>h2{text-align:center;margin-bottom:18px}
.szl-rsi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.szl-rsi-card{min-width:0}.szl-rsi-image{display:block;aspect-ratio:1/1;overflow:hidden}
.szl-rsi-image img{width:100%;height:100%;object-fit:cover;display:block}
.szl-rsi-card h3{font-size:clamp(14px,1.6vw,18px);margin:9px 0 5px}.szl-rsi-card h3 a{text-decoration:none}
.szl-rsi-price{margin:4px 0 9px}.szl-rsi-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid currentColor;border-radius:6px;text-decoration:none;font-weight:600}
.szl-rsi-all{text-align:center;margin-top:18px}.szl-rsi-related{text-align:center;margin:24px 0}
@media(max-width:900px){.szl-rsi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .szl-rsi-quickbar{padding:8px 7px}.szl-rsi-quickbar-inner{gap:5px}
 .szl-rsi-quickbar a{min-height:48px;padding:7px 4px;font-size:13px;flex-direction:column;gap:2px}
 .szl-rsi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:360px){.szl-rsi-quickbar a{font-size:12px}.szl-rsi-grid{grid-template-columns:1fr}}
@media(min-width:1200px){.szl-rsi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.szl-rsi-quickbar a{min-height:52px}}

/* 1.0.1: readable controls on photographic headers */
.szl-rsi-quickbar a{
 background:rgba(255,255,255,.90);
 color:#176f75;
 border-color:rgba(23,111,117,.45);
 box-shadow:0 1px 4px rgba(0,0,0,.10);
 backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px);
}
.szl-rsi-quickbar a:hover,.szl-rsi-quickbar a:focus-visible{
 background:rgba(255,255,255,.98);
 color:#105b60;
 outline:2px solid currentColor;
 outline-offset:1px;
}
.szl-rsi-sticky{
 display:none;
 position:fixed;
 top:0;left:0;right:0;
 z-index:99990;
 transform:translateY(-110%);
 opacity:0;
 pointer-events:none;
 transition:transform .18s ease,opacity .18s ease;
 background:rgba(255,255,255,.96);
 box-shadow:0 2px 8px rgba(0,0,0,.14);
}
body.admin-bar .szl-rsi-sticky{top:32px}
.szl-rsi-sticky .szl-rsi-quickbar{padding:4px 6px;background:transparent}
.szl-rsi-sticky .szl-rsi-quickbar a{
 min-height:36px;
 padding:5px 6px;
 flex-direction:row;
 font-size:12px;
 box-shadow:none;
 background:transparent;
 border-color:rgba(23,111,117,.25);
}
.szl-rsi-sticky .dashicons{font-size:16px;width:16px;height:16px}
@media(max-width:900px){
 .szl-rsi-sticky{display:block}
 .szl-rsi-sticky.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
}
@media(max-width:782px){body.admin-bar .szl-rsi-sticky{top:46px}}
@media(prefers-reduced-motion:reduce){.szl-rsi-sticky{transition:none}}

/* 1.0.2: Shop category navigation */
.szl-rsi-category-filter{clear:both;margin:0 0 20px;padding:0;position:relative}
.szl-rsi-filter-toggle{width:100%;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid rgba(23,111,117,.35);border-radius:8px;background:#fff;color:#176f75;font:inherit;font-weight:700;cursor:pointer;text-align:left}
.szl-rsi-filter-toggle .szl-rsi-arrow{margin-left:auto;transition:transform .18s ease}
.szl-rsi-category-filter.is-open .szl-rsi-arrow{transform:rotate(180deg)}
.szl-rsi-category-panel{display:none;margin-top:8px;padding:12px 14px;border:1px solid rgba(23,111,117,.22);border-radius:8px;background:#fff}
.szl-rsi-category-filter.is-open .szl-rsi-category-panel{display:block}
.szl-rsi-cat-level{list-style:none;margin:0;padding:0}
.szl-rsi-cat-level .szl-rsi-cat-level{margin:5px 0 5px 14px;padding-left:12px;border-left:1px solid rgba(23,111,117,.20)}
.szl-rsi-cat-item{margin:3px 0}
.szl-rsi-cat-item>a{display:block;padding:7px 9px;border-radius:6px;text-decoration:none;color:inherit}
.szl-rsi-cat-item>a:hover,.szl-rsi-cat-item>a:focus-visible{background:rgba(23,111,117,.08);color:#176f75}
.szl-rsi-cat-item.is-current>a{background:rgba(23,111,117,.12);color:#176f75;font-weight:700}
.szl-rsi-count{opacity:.65;font-size:.9em}

/* Remove harsh yellow active-menu highlighting while preserving an active state. */
.current-menu-item>a,.current_page_item>a,.current-menu-ancestor>a{
 background-color:rgba(255,255,255,.16)!important;
 color:inherit;
 box-shadow:inset 3px 0 0 rgba(23,111,117,.65);
}

/* Larger screens: categories are immediately visible and use available width. */
@media(min-width:901px){
 .szl-rsi-filter-toggle{display:none}
 .szl-rsi-category-panel{display:block;margin-top:0}
 .szl-rsi-cat-level-0{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
 .szl-rsi-cat-level-0>.szl-rsi-cat-item{break-inside:avoid}
}
@media(min-width:1200px){.szl-rsi-cat-level-0{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.szl-rsi-filter-toggle .szl-rsi-arrow{transition:none}}

/* 1.0.3: scalable category accordion */
.szl-rsi-cat-row{display:flex;align-items:stretch;gap:4px}
.szl-rsi-cat-row>a{flex:1;min-width:0;display:block;padding:9px;border-radius:6px;text-decoration:none;color:inherit}
.szl-rsi-cat-toggle{flex:0 0 42px;min-height:42px;border:0;border-radius:6px;background:transparent;color:#176f75;cursor:pointer;display:flex;align-items:center;justify-content:center}
.szl-rsi-cat-toggle:hover,.szl-rsi-cat-toggle:focus-visible{background:rgba(23,111,117,.08);outline:2px solid rgba(23,111,117,.35);outline-offset:-2px}
.szl-rsi-cat-toggle .dashicons{transition:transform .18s ease}
.szl-rsi-cat-item.is-open>.szl-rsi-cat-row>.szl-rsi-cat-toggle .dashicons{transform:rotate(180deg)}
.szl-rsi-cat-children{display:none}
.szl-rsi-cat-item.is-open>.szl-rsi-cat-children{display:block}
.szl-rsi-cat-item.is-current>.szl-rsi-cat-row>a{background:rgba(23,111,117,.12);color:#176f75;font-weight:700}
@media(max-width:900px){.szl-rsi-cat-level .szl-rsi-cat-level{margin-left:10px;padding-left:10px}}
@media(prefers-reduced-motion:reduce){.szl-rsi-cat-toggle .dashicons{transition:none}}

/* 1.0.4: opening an accordion never navigates/reloads. */
.szl-rsi-cat-row>.szl-rsi-cat-label{
 flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;
 min-height:44px;padding:9px;border:0;border-radius:6px;background:transparent;
 color:inherit;font:inherit;text-align:left;cursor:pointer;
}
.szl-rsi-cat-row>.szl-rsi-cat-label:hover,
.szl-rsi-cat-row>.szl-rsi-cat-label:focus-visible{background:rgba(23,111,117,.08);color:#176f75}
.szl-rsi-cat-label .dashicons{flex:0 0 auto;transition:transform .18s ease}
.szl-rsi-cat-item.is-open>.szl-rsi-cat-row>.szl-rsi-cat-label .dashicons{transform:rotate(180deg)}
.szl-rsi-cat-row>.szl-rsi-cat-open{
 flex:0 0 44px;min-height:44px;display:flex;align-items:center;justify-content:center;
 border-radius:6px;text-decoration:none;color:#176f75;
}
.szl-rsi-cat-row>.szl-rsi-cat-open:hover,.szl-rsi-cat-row>.szl-rsi-cat-open:focus-visible{background:rgba(23,111,117,.08)}
.szl-rsi-cat-row>.szl-rsi-cat-leaf{flex:1;display:block;min-height:44px;padding:10px 9px;box-sizing:border-box}
.szl-rsi-cat-item.is-current>.szl-rsi-cat-row>.szl-rsi-cat-label,
.szl-rsi-cat-item.is-current>.szl-rsi-cat-row>.szl-rsi-cat-leaf{background:rgba(23,111,117,.12);color:#176f75;font-weight:700}
@media(prefers-reduced-motion:reduce){.szl-rsi-cat-label .dashicons{transition:none}}

/* 1.0.7: robust two-department shop navigation */
.szl-rsi-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
.szl-rsi-department{display:grid;grid-template-columns:minmax(0,1fr) 44px;border:1px solid rgba(23,111,117,.35);border-radius:9px;overflow:hidden;background:#fff}
.szl-rsi-department.is-active{background:rgba(23,111,117,.12);border-color:rgba(23,111,117,.65)}
.szl-rsi-department-filter{min-width:0;min-height:52px;border:0;background:transparent;color:#176f75;font:inherit;font-weight:700;cursor:pointer;padding:10px}
.szl-rsi-department-open{display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(23,111,117,.18);color:#176f75;text-decoration:none}
.szl-rsi-department-filter:hover,.szl-rsi-department-filter:focus-visible,.szl-rsi-department-open:hover,.szl-rsi-department-open:focus-visible{background:rgba(23,111,117,.08)}
.szl-rsi-root-panel{display:none}.szl-rsi-root-panel.is-active{display:block}
.szl-rsi-no-subcats{margin:0;padding:8px 4px;opacity:.75}
@media(max-width:360px){.szl-rsi-departments{grid-template-columns:1fr}}

/* 1.0.8 product loading */
.szl-rsi-live-status{font-size:.9em;margin-top:6px;min-height:1.2em;opacity:.75}
.szl-rsi-category-filter.is-loading{cursor:progress}
.szl-rsi-category-filter.is-loading .szl-rsi-department-filter{opacity:.65}

/* 1.0.9: full-width main category controls */
.szl-rsi-department{display:block!important}
.szl-rsi-department-filter{width:100%;min-height:52px;white-space:normal;overflow-wrap:normal;word-break:normal}
.szl-rsi-department-open{display:none!important}
