/* Stand 08: two-step catalogue navigation, all existing filters remain supported. */
.v8-shop-top{padding-top:66px!important;scroll-margin-top:110px}
.v8-shop-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.v8-shop-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:7px 0 0;color:#172a23}
.v8-shop-heading>p{font-size:15px;color:#65716a;line-height:1.6;margin:0}
.v8-area-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.v8-area-nav a{display:flex;flex-direction:column;gap:14px;justify-content:space-between;min-height:105px;padding:17px 14px;border:1px solid #dbe2dc;background:#fff;border-radius:12px;color:#22372a;text-decoration:none;font-size:14px;font-weight:750;line-height:1.3;transition:border-color .18s,background .18s,transform .18s}
.v8-area-nav a small{font-size:12px;line-height:1;font-weight:500;color:#69746c}
.v8-area-nav a:hover{border-color:#407e43;background:#f3f7f1;transform:translateY(-2px)}
.v8-area-nav a[aria-current=page]{background:#407e43;border-color:#407e43;color:#fff;box-shadow:0 4px 12px #407e431a}
.v8-area-nav a[aria-current=page] small{color:#fff}
.v8-group-title{font-size:13px;font-weight:750;color:#4b6050;margin:25px 0 11px}
.v8-sub-nav{display:flex;flex-wrap:wrap;gap:8px}
.v8-sub-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #dbe2dc;border-radius:7px;background:#fff;color:#344a39;font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;transition:border-color .18s,background .18s}
.v8-sub-nav a small{font-size:11px;font-weight:500;opacity:.75}
.v8-sub-nav a:hover{background:#f3f7f1;border-color:#407e43}
.v8-sub-nav a[aria-current=page]{border-color:#407e43;background:#ecf4ea;color:#28562b;box-shadow:inset 0 -2px #407e43}
.v8-area-nav a:focus-visible,.v8-sub-nav a:focus-visible{outline:3px solid #cb0f33;outline-offset:3px}
.v8-context-note{font-size:13px;color:#65716a;line-height:1.55;margin:18px 0 26px;max-width:850px}
.v8-shop-top .shop-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;background:#f5f7f3;border:1px solid #e2e8df;border-radius:12px}
.v8-shop-top .shop-search-form .search{background:#fff;width:auto;min-width:0;margin:0}
.v8-shop-top .catalog-controls{display:flex;align-items:center;gap:14px;margin:0}
.v8-shop-top .catalog-controls>label[hidden],.v8-shop-top [hidden]{display:none!important}
.v8-shop-top .catalog-controls>label{font-size:11px;line-height:1.4;color:#65716a}
.v8-shop-top #catalog-sort{font-size:13px;background:#fff;min-width:160px}
.v8-shop-top .reset-filter{font-size:12px;white-space:nowrap;color:#8c1830;cursor:pointer}
.v8-shop-top .catalog-scope{font-size:12px;line-height:1.55;color:#6e7770;margin-top:18px}
.v8-results-context h2{font-size:24px;line-height:1.25;color:#213927;margin:0 0 7px;letter-spacing:-.02em}
.v8-results-context #catalog-count{font-size:13px;font-weight:500;color:#65716a;margin:0}
@media(max-width:1100px){.v8-area-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.v8-area-nav a{min-height:86px}.v8-shop-top .shop-search-form{grid-template-columns:1fr}.v8-shop-top .catalog-controls{justify-content:space-between}}
@media(max-width:600px){.v8-shop-top{padding-top:40px!important}.v8-shop-heading{display:block;margin-bottom:24px}.v8-shop-heading>p{margin-top:14px;font-size:13px}.v8-area-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v8-area-nav a{min-height:77px;padding:13px;font-size:13px;gap:9px}.v8-area-nav a:first-child{grid-column:1/-1;min-height:50px;flex-direction:row;align-items:center}.v8-sub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v8-sub-nav a{font-size:12px;padding:10px;justify-content:space-between}.v8-sub-nav a:first-child{grid-column:1/-1}.v8-shop-top .shop-search-form{padding:14px;gap:12px}.v8-shop-top .shop-search-form .search{padding:0 12px}.v8-shop-top .catalog-controls{gap:8px}.v8-shop-top .catalog-controls>label{flex:1}.v8-shop-top #catalog-sort{width:100%;min-width:0}.v8-shop-top .search kbd{display:none}.v8-results-context h2{font-size:21px}.v8-context-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.v8-area-nav a,.v8-sub-nav a{transition:none}.v8-area-nav a:hover{transform:none}}

/* myPAD display choice: explicit, compact and responsive. */
#catalog-display[hidden],#catalog-display-title[hidden]{display:none}
@media(max-width:600px){#catalog-display{grid-template-columns:repeat(3,minmax(0,1fr))}#catalog-display a:first-child{grid-column:auto}}