.by-visual-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.by-shop-nav.by-shop-nav--visual{--by-visual-ink:#183c50;--by-visual-orange:#f6861f;position:relative;top:auto;z-index:30;border:0;border-radius:12px;box-shadow:none;background:#183c50;color:#fff;font-family:inherit;overflow:visible}
.by-shop-nav--visual .by-shop-search-row{display:flex;align-items:center;gap:32px;padding:6px 0 18px;background:#fff;color:#183c50}
.by-shop-nav--visual .by-shop-context{font-size:16px;font-weight:700;flex:1;line-height:1.4}
.by-shop-nav--visual .by-shop-search{display:flex;align-items:center;flex:0 1 630px;border:1px solid #ccd5d9;background:#fff;border-radius:8px;overflow:hidden;margin:0}
.by-shop-search label{flex:1;min-width:0}
.by-shop-search input{font:inherit;font-size:16px;width:100%;min-width:0;border:0;background:transparent;color:#183c50;min-height:48px;padding:10px 16px;outline-offset:-3px}
.by-shop-search button{display:grid;place-items:center;flex:0 0 50px;border:0;min-height:48px;background:#fff;color:#183c50;cursor:pointer}
.by-shop-search button:hover{background:#fff2e5}
.by-shop-search svg{height:24px;width:24px}
.by-shop-nav--visual .by-shop-nav-inner{position:relative;max-width:1220px;padding:8px 12px;min-height:60px;display:flex;align-items:center;gap:20px;margin:auto}
.by-shop-nav--visual .by-shop-nav-links{display:flex;align-items:center;gap:24px;overflow:visible;min-width:0}
.by-shop-nav--visual a.by-shop-all,.by-shop-nav--visual a.by-shop-nav-label{display:flex;align-items:center;min-height:44px;padding:0;color:#fff;border:0;text-decoration:none;white-space:normal;font-size:14px;font-weight:650}
.by-shop-nav--visual a.by-shop-nav-label{margin-left:auto;font-size:13px;font-weight:500}
.by-shop-nav--visual a.by-shop-all:hover,.by-shop-nav--visual a.by-shop-nav-label:hover{text-decoration:underline;text-underline-offset:5px}
.by-shop-nav--visual .by-department-menu{position:static;color:#183c50}
.by-shop-nav--visual .by-department-menu summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 15px;border:0;border-radius:7px;list-style:none;background:#f6861f;color:#183c50;cursor:pointer;font-size:15px;font-weight:750;line-height:1.3;white-space:nowrap}
.by-department-menu summary::-webkit-details-marker{display:none}
.by-department-menu summary::marker{content:''}
.by-menu-bars{font-size:18px;line-height:1}
.by-menu-chevron{font-size:18px;transition:transform .15s}
.by-department-menu[open] .by-menu-chevron{transform:rotate(180deg)}
.by-shop-nav--visual .by-department-menu-panel{position:absolute;inset:calc(100% + 6px) 0 auto;z-index:40;padding:18px 20px 12px;border:1px solid #e3e7e9;border-radius:12px;background:#fff;box-shadow:0 14px 38px #183c5024;max-height:min(620px,65vh);overflow:auto;overscroll-behavior:contain}
.by-shop-nav--visual .by-department-menu-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;width:auto;margin:0;padding:0;border:0;background:none;grid-auto-flow:column;grid-template-rows:repeat(8,auto)}
.by-shop-nav--visual .by-department-menu-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 8px!important;border:0;border-radius:7px;color:#183c50;font-size:14px;font-weight:500;line-height:1.3;white-space:normal;text-decoration:none}
.by-shop-nav--visual .by-department-menu-list a:hover,.by-shop-nav--visual .by-department-menu-list a[aria-current]{background:#fff1e3;color:#183c50}
.by-shop-nav--visual .by-menu-all{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;padding:12px 8px 0;border:0;border-top:1px solid #edf0f2;color:#9a410b;font-size:14px;font-weight:700;white-space:normal}
.by-shop-nav--visual :is(a,button,input,summary):focus-visible,.by-department-tile:focus-visible{outline:3px solid #f6861f;outline-offset:3px}
.by-shop-nav--visual summary:focus-visible{outline-color:#fff}
.by-department-photo{display:block;flex-shrink:0;aspect-ratio:1;border-radius:50%;background-color:#f8ecdf;background-image:url('/cdn/shop/files/buyonik-categories-illustrees-2026-11-09.png?v=1794244460&width=1536');background-size:600% 400%;background-position:var(--by-photo-x) var(--by-photo-y);background-repeat:no-repeat}
.by-shop-nav--visual .by-department-photo{width:34px}
.by-catalogue .by-department-directory--visual{margin:40px 0 52px;color:#183c50}
.by-department-directory--visual header{text-align:center;margin-bottom:32px}
.by-catalogue .by-department-directory--visual h1{margin:0 0 12px;font-family:inherit;font-weight:750;font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-1px;color:#183c50}
.by-department-directory--visual header p{margin:0 auto;max-width:760px;color:#536874;font-size:17px;line-height:1.5}
.by-department-directory--visual .by-department-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}
.by-department-directory--visual a.by-department-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:13px;padding:0;min-height:0;border:0;border-radius:9px;background:none;color:#183c50;text-align:center;text-decoration:none;line-height:1.3;font-size:15px;font-weight:650}
.by-department-directory--visual .by-department-photo{width:min(100%,148px);transition:box-shadow .18s,transform .18s;box-shadow:0 0 0 3px transparent}
.by-department-directory--visual .by-department-name{max-width:175px;min-height:39px}
.by-department-directory--visual .by-department-tile:hover{color:#9a410b}
.by-department-directory--visual .by-department-tile:hover .by-department-photo{box-shadow:0 0 0 3px #f6861f;transform:translateY(-2px)}
.by-all-catalogue .by-med-filters[hidden]{display:none!important}
.by-all-catalogue .by-all-heading{padding-top:12px;margin-bottom:22px}
.by-all-catalogue .by-all-heading h1{font-size:clamp(28px,3.2vw,42px);line-height:1.15}
.by-all-catalogue .by-med-tools{margin-top:20px}
.by-all-catalogue .by-med-search-row{display:flex;gap:16px;align-items:center}
.by-all-catalogue .by-med-search{flex:1;min-width:0}
.by-all-catalogue .by-med-search input{min-height:48px;font-size:16px}
.by-all-catalogue .by-med-sort select{min-height:48px}
@media(max-width:1000px){.by-department-directory--visual .by-department-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.by-shop-nav--visual .by-shop-nav-links{gap:18px}.by-shop-nav--visual .by-department-menu-list{gap:4px 8px}.by-shop-nav--visual .by-department-menu-panel{padding:12px}}
@media(max-width:700px){.by-shop-nav--visual .by-shop-search-row{flex-direction:column;align-items:stretch;gap:12px;padding-top:2px}.by-shop-nav--visual .by-shop-search{flex-basis:auto}.by-shop-nav--visual .by-shop-context{font-size:15px}.by-shop-nav--visual .by-shop-nav-inner{padding:8px;gap:8px;flex-wrap:wrap}.by-shop-nav--visual .by-shop-nav-links{flex:1;gap:16px}.by-shop-nav--visual a.by-shop-nav-label{display:none}.by-shop-nav--visual .by-department-menu summary{font-size:13px;padding:10px;gap:8px}.by-shop-nav--visual a.by-shop-all{font-size:13px}.by-shop-nav--visual .by-department-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(11,auto)}.by-shop-nav--visual .by-department-menu-list a{font-size:13px;padding:5px!important;gap:7px}.by-shop-nav--visual .by-department-photo{width:28px}.by-catalogue .by-department-directory--visual{margin-top:30px}.by-department-directory--visual header{margin-bottom:25px}.by-department-directory--visual header p{font-size:15px}.by-department-directory--visual .by-department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 13px}.by-department-directory--visual a.by-department-tile{font-size:13px;gap:10px}.by-department-directory--visual .by-department-name{min-height:34px}.by-all-catalogue .by-med-search-row{flex-wrap:wrap}.by-all-catalogue .by-med-search{flex-basis:100%}.by-all-catalogue .by-med-sort{width:100%}.by-all-catalogue .by-med-sort select{width:100%}}
@media(max-width:380px){.by-department-directory--visual .by-department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.by-shop-nav--visual .by-department-menu-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.by-shop-nav--visual .by-menu-bars{display:none}.by-shop-nav--visual .by-shop-nav-links{gap:10px}.by-shop-nav--visual .by-department-menu summary{font-size:12px}.by-shop-nav--visual a.by-shop-all{font-size:12px}}
@media(prefers-reduced-motion:reduce){.by-department-photo,.by-menu-chevron{transition:none!important}.by-department-tile:hover .by-department-photo{transform:none}}