/*
 * HardFish UI/UX v7 — authoritative public navigation and interaction layer.
 * Loaded last on every storefront page. Keep navigation breakpoints here in sync
 * with assets/js/app.js: desktop >= 960px, drawer <= 959px.
 */

:root{
  --hf-ui-brand:#0a4533;
  --hf-ui-brand-deep:#062d22;
  --hf-ui-brand-soft:#eaf3ee;
  --hf-ui-gold:#e5b52d;
  --hf-ui-gold-soft:#fff6d7;
  --hf-ui-border:#d8e5de;
  --hf-ui-shadow:0 18px 46px rgba(6,45,34,.15);
}

.main-nav{position:relative}
.nav-item.is-expanded>.nav-catalog-trigger{background:var(--hf-ui-gold-soft);color:var(--hf-ui-brand-deep);box-shadow:inset 0 -3px var(--hf-ui-gold)}
.nav-item.is-expanded>.nav-catalog-trigger .nav-catalog-trigger__chevron{transform:rotate(225deg) translate(-1px,-1px)}
.nav-item>.mega-menu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease,transform 180ms ease}
.nav-item.is-expanded>.mega-menu{opacity:1;visibility:visible;pointer-events:auto}
.category-menu__close,[data-submenu-back]{min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--hf-ui-border);border-radius:11px;background:#fff;color:var(--hf-ui-brand-deep);font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.category-menu__close:focus-visible,[data-submenu-back]:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:2px}

.method-menu__icon,.method-menu__panel-icon{display:grid;flex:0 0 auto;place-items:center;background:var(--hf-ui-brand-soft);color:var(--hf-ui-brand)}
.method-menu__icon{width:42px;height:42px;border-radius:12px}
.method-menu__icon svg{width:23px;height:23px}
.method-menu__panel-icon{width:68px;height:68px;border-radius:18px}
.method-menu__panel-icon svg{width:38px;height:38px}
.method-menu__icon svg,.method-menu__panel-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.method-menu__mobile{display:none}
.mega-menu--catalog>.category-menu__head{grid-row:1}
.mega-menu--catalog>.category-menu__layout,.mega-menu--catalog>.category-menu__mobile-tree,.mega-menu--catalog>.category-menu__search-results,.mega-menu--catalog>.category-menu__empty{min-height:0;grid-row:2}
.mega-menu--catalog>.category-menu__footer{grid-row:3}

@media(min-width:960px){
  .mobile-only,.main-nav__mobile-head,.mobile-search-toggle,.mobile-search-bar{display:none}
  .nav-shell,.nav-shell>.container{position:relative}
  .main-nav{position:static}
  .nav-item--catalog,.nav-item--methods{position:static}
  .nav-item--catalog .mega-menu--catalog,.nav-item--methods .mega-menu--methods{z-index:var(--hf-z-dropdown);top:100%;left:50%;width:min(1280px,calc(100vw - 32px));height:min(620px,calc(100dvh - 170px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px);min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;border:1px solid var(--hf-ui-border);border-radius:0 0 20px 20px;background:#fff;box-shadow:var(--hf-ui-shadow);transform:translate(-50%,7px)}
  .nav-item--catalog.is-expanded .mega-menu--catalog,.nav-item--methods.is-expanded .mega-menu--methods{transform:translate(-50%,0)}
  .nav-item--catalog .mega-menu--catalog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0}
  .nav-item--methods .mega-menu--methods{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0}
  .category-menu__head{display:grid;grid-template-columns:minmax(190px,230px) minmax(280px,1fr) auto;gap:14px;padding:13px 16px;background:#fff}
  .category-menu__head>div:first-child{min-width:0;flex:auto}
  .category-menu__search{width:100%;min-width:0;max-width:none;margin:0}
  .category-menu__layout{grid-template-columns:236px minmax(0,1fr)}
  .category-menu__roots{padding:9px}
  .category-menu__roots button{min-height:52px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
  .category-menu__roots button span{font-weight:700;line-height:1.25}
  .category-menu__roots button small{font-size:10px;font-weight:500}
  .category-menu__roots button:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:-2px}
  .category-menu__panels{padding:16px}
  .category-menu__panel-head{top:-16px;min-height:96px;grid-template-columns:minmax(0,1fr) minmax(170px,205px);gap:16px;margin:-16px -2px 0;padding:13px 14px;background:#f7faf8;box-shadow:0 5px 16px rgba(6,45,34,.06)}
  .category-menu__panel-cta{width:100%;min-width:0;min-height:56px;padding:9px 12px}
  .category-menu__children{margin-top:11px}
  .category-menu__children>a{min-height:52px;padding-block:8px}
  .category-menu__children>a>span:first-child{min-width:0}
  .method-menu__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:13px 16px;background:#fff}
  .method-menu__head>div{grid-column:1}
  .method-menu__head [data-submenu-back]{display:none}
  .method-menu__head .category-menu__close{display:inline-flex;grid-column:2;grid-row:1}
  .method-menu__desktop{display:grid;min-width:0;min-height:0;grid-template-columns:260px minmax(0,1fr);overflow:hidden}
  .method-menu__rail{display:flex;min-width:0;min-height:0;flex-direction:column;gap:5px;padding:14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-right:1px solid var(--hf-ui-border);background:#f1f6f3}
  .method-menu__rail>button{display:grid;min-height:68px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 11px;border:1px solid transparent;border-radius:13px;background:transparent;color:#24483b;text-align:left;cursor:pointer}
  .method-menu__rail>button>span:nth-child(2){display:grid;gap:2px;min-width:0}
  .method-menu__rail>button strong{overflow-wrap:anywhere;font-size:13px}
  .method-menu__rail>button small{color:#62786e;font-size:10px;font-weight:700}
  .method-menu__rail>button>span:last-child{color:#8a9a92;font-size:18px}
  .method-menu__rail>button:focus-visible{border-color:#b9cfc2;background:#fff;outline:3px solid var(--hf-ui-gold);outline-offset:-2px}
  .method-menu__rail>button.is-selected{border-color:#9dbbaa;background:#fff;box-shadow:0 7px 18px rgba(6,45,34,.09);color:var(--hf-ui-brand-deep)}
  .method-menu__rail>button.is-selected .method-menu__icon{background:var(--hf-ui-brand);color:#ffd75f}
  .method-menu__rail>button.is-current{box-shadow:inset 3px 0 var(--hf-ui-gold),0 7px 18px rgba(6,45,34,.09)}
  .method-menu__panels{min-width:0;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
  .method-menu__panels [hidden]{display:none}
  .method-menu__panels>section{padding:20px}
  .method-menu__panel-head{display:grid;grid-template-columns:68px minmax(0,1fr) minmax(150px,190px);align-items:center;gap:17px;margin-bottom:16px;padding:16px;border:1px solid #cadcd2;border-radius:16px;background:#f2f7f4}
  .method-menu__panel-head>span:nth-child(2){display:grid;gap:4px;min-width:0}
  .method-menu__panel-head strong{color:var(--hf-ui-brand-deep);font-size:22px;line-height:1.1}
  .method-menu__panel-head small{display:-webkit-box;max-width:56ch;overflow:hidden;color:#60736a;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .method-menu__panel-head>a{display:flex;width:100%;min-width:0;min-height:50px;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--hf-ui-brand);color:#fff;font-size:12px;font-weight:850;text-align:center;white-space:normal}
  .method-menu__panel-head>a:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:2px}
  .method-menu__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .method-menu__categories>a{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--hf-ui-border);border-radius:12px;background:#fff;color:#24483b}
  .method-menu__categories>a>span{display:grid;gap:2px;min-width:0}
  .method-menu__categories strong{font-size:12px}
  .method-menu__categories small{overflow:hidden;color:#71827a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
  .method-menu__categories b{flex:0 0 auto;color:var(--hf-ui-brand);font-size:10px}
  .method-menu__categories>a:focus-visible{border-color:#8dad9b;background:var(--hf-ui-gold-soft);color:var(--hf-ui-brand-deep);outline:3px solid var(--hf-ui-gold);outline-offset:1px;box-shadow:0 5px 14px rgba(6,45,34,.07)}
}

@media(min-width:960px) and (max-width:1100px){
  .category-menu__layout{grid-template-columns:218px minmax(0,1fr)}
  .category-menu__children,.method-menu__categories{grid-template-columns:minmax(0,1fr)}
  .method-menu__desktop{grid-template-columns:236px minmax(0,1fr)}
  .method-menu__panels>section{padding:16px}
  .method-menu__panel-head{grid-template-columns:58px minmax(0,1fr) minmax(140px,170px);gap:12px;padding:13px}
  .method-menu__panel-icon{width:58px;height:58px;border-radius:15px}
}

@media(min-width:960px) and (hover:hover) and (pointer:fine){
  .nav-item.is-expanded>.nav-catalog-trigger:before{position:absolute;z-index:2;right:0;bottom:-12px;left:0;height:14px;content:""}
  .method-menu__rail>button:hover{border-color:#d6bd60;background:#fff9e5;color:var(--hf-ui-brand-deep)}
  .method-menu__categories>a:hover{border-color:#d6bd60;background:var(--hf-ui-gold-soft);color:var(--hf-ui-brand-deep);box-shadow:inset 3px 0 var(--hf-ui-gold),0 5px 14px rgba(6,45,34,.07)}
  .category-menu__close:hover,[data-submenu-back]:hover{border-color:#d6bd60;background:var(--hf-ui-gold-soft)}
}

@media(max-width:959px){
  body.menu-open{overflow:hidden}
  body.menu-open:before{display:none;content:none}
  .site-header{z-index:200}
  .site-header .container,.topbar .container,.page-home .container{width:min(var(--hf-container-wide),calc(100% - 24px))}
  .header-main{height:64px;grid-template-columns:44px minmax(108px,142px) minmax(0,1fr);gap:8px}
  .mobile-only,.mobile-search-toggle{display:grid}
  .logo img{width:140px;height:44px}
  .search{display:none}
  .header-actions{justify-content:flex-end;gap:5px}
  .header-actions>.action-link:not(.cart-link)>span:last-child,.cart-link__copy{display:none}
  .nav-shell{border:0}
  .main-nav{position:fixed;z-index:320;top:0;bottom:0;left:0;display:block;width:min(430px,92vw);height:100dvh;max-height:none;padding:0 16px 24px;overflow-y:auto;border:0;border-radius:0 18px 18px 0;background:#fff;box-shadow:var(--hf-ui-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(calc(-100% - 18px));transition:transform .2s ease,opacity .2s ease,visibility .2s ease}
  .main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .main-nav__mobile-head{position:sticky;z-index:6;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;margin:0 -16px 10px;padding:0 16px;border-bottom:1px solid var(--hf-ui-border);background:#fff}
  .main-nav__mobile-head button{width:44px;height:44px;border:0;border-radius:11px;background:var(--hf-ui-brand-soft);color:var(--hf-ui-brand);font-size:24px}
  .main-nav>.nav-go-shop--art{width:100%;height:52px;min-height:52px;margin-bottom:10px}
  .main-nav>a{display:flex;width:100%;min-height:48px;height:auto;padding:11px;border-bottom:1px solid #edf2ef}
  .main-nav>.nav-item{position:static;display:block;height:auto;border-bottom:1px solid #edf2ef}
  .main-nav>.nav-item>.nav-catalog-trigger{width:100%;min-height:50px;justify-content:space-between;padding:11px}
  .nav-secondary-start{margin-left:0}
  .nav-utilities{width:100%;align-items:stretch;flex-direction:column;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--hf-ui-border)}
  .nav-finder-link{justify-content:space-between;min-height:48px;padding-inline:11px;background:#f1f7f3}
  .nav-utilities .header-social{margin:0;padding:4px 0 0;border:0}
  .menu-overlay{display:block;z-index:190;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  body.menu-open .menu-overlay{visibility:visible;opacity:1;pointer-events:auto}
  .main-nav .nav-item>.mega-menu{position:fixed;z-index:8;inset:0 auto 0 0;display:none;width:min(430px,92vw);height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:0 18px 18px 0;background:#f6f9f7;box-shadow:none;transform:none}
  .main-nav .nav-item.is-expanded>.mega-menu{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .main-nav .nav-item>.mega-menu--catalog{grid-template-rows:auto minmax(0,1fr) auto}
  .main-nav .nav-item>.mega-menu--methods{grid-template-rows:auto minmax(0,1fr)}
  .category-menu__head,.method-menu__head{position:sticky;z-index:5;top:0;display:grid;min-height:74px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--hf-ui-border);background:#fff}
  .category-menu__head>div:first-child,.method-menu__head>div{min-width:0}
  .category-menu__head>div:first-child{display:grid;grid-column:2;grid-row:1}
  .category-menu__head>div:first-child .eyebrow,.method-menu__head .eyebrow{display:none}
  .category-menu__head>div:first-child strong,.method-menu__head strong{margin:0;color:var(--hf-ui-brand-deep);font-size:16px}
  .category-menu__head [data-submenu-back],.method-menu__head [data-submenu-back]{display:inline-flex;grid-column:1;grid-row:1;padding:0 10px}
  .category-menu__head .category-menu__close,.method-menu__head .category-menu__close{display:none}
  .category-menu__search{grid-column:1/-1;grid-row:2;width:100%;min-width:0;max-width:none}
  .category-menu__layout{display:none}
  .category-menu__mobile-tree{display:block;min-height:0;padding:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .category-menu__search-results{min-height:0;padding:9px;overflow-y:auto}
  .category-menu__footer{padding:12px;background:#fff;text-align:left}
  .mobile-category{margin-bottom:6px;border:1px solid var(--hf-ui-border);border-radius:11px;background:#fff}
  .mobile-category>summary,.mobile-category__leaf{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#24483b;font-size:13px;font-weight:800}
  .mobile-category__children{display:grid;gap:3px;padding:5px 8px 9px 14px;border-top:1px solid #edf2ef}
  .mobile-category__all,.mobile-category__children>.mobile-category__leaf{min-height:44px;padding:9px;border-radius:8px;color:var(--hf-ui-brand);font-size:12px;font-weight:750}
  .method-menu__desktop{display:none}
  .method-menu__mobile{display:block;min-height:0;padding:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .method-menu__method{margin-bottom:8px;overflow:hidden;border:1px solid var(--hf-ui-border);border-radius:13px;background:#fff}
  .method-menu__method[open],.method-menu__method.is-current{border-color:#9ebaa9;box-shadow:0 7px 18px rgba(6,45,34,.08)}
  .method-menu__method>summary{display:grid;min-height:64px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;background:#fff;list-style:none;cursor:pointer}
  .method-menu__method>summary::-webkit-details-marker{display:none}
  .method-menu__method>summary>span:nth-child(2){display:grid;gap:2px}
  .method-menu__method>summary>span:nth-child(2):after{position:absolute;right:24px;color:var(--hf-ui-brand);content:"+";font-size:21px}
  .method-menu__method[open]>summary>span:nth-child(2):after{content:"−"}
  .method-menu__method summary strong{color:var(--hf-ui-brand-deep);font-size:14px}
  .method-menu__method summary small{color:#687b72;font-size:10px}
  .method-menu__method>div{display:grid;gap:3px;padding:7px;border-top:1px solid #edf2ef;background:#f8fbf9}
  .method-menu__method>div>a{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:9px;color:#294a3f;font-size:12px}
  .method-menu__method>div>a:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:1px}
  .method-menu__method .method-menu__all{background:var(--hf-ui-brand);color:#fff;font-weight:850}
}

/* Catalog clarity and responsive method shortcuts. */
.page-hero--catalog{border-bottom:1px solid var(--hf-ui-border);background:#f4f8f5}
.catalog-intro__title-row h1{color:var(--hf-ui-brand-deep)}
.catalog-intro__shortcuts{gap:10px}
.catalog-method-shortcuts{display:flex;gap:10px;overflow-x:auto;padding:3px 1px 9px;scroll-snap-type:x proximity;scrollbar-width:thin}
.catalog-method-shortcuts .catalog-intro__shortcut{position:relative;display:grid;min-width:172px;min-height:58px;flex:1 0 172px;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:4px 8px;padding:9px 11px;overflow:hidden;border:1px solid #bfd3c7;background:#fff;box-shadow:none;font-weight:650;scroll-snap-align:start}
.catalog-method-shortcuts .catalog-intro__shortcut:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--hf-ui-brand);content:"";opacity:.35}
.catalog-method-shortcuts .catalog-intro__shortcut small{background:var(--hf-ui-brand-soft);color:var(--hf-ui-brand)}
.catalog-method-shortcuts .catalog-intro__shortcut.is-active{border-color:var(--hf-ui-brand);background:var(--hf-ui-brand);box-shadow:0 8px 22px rgba(6,45,34,.2);color:#fff}
.catalog-method-shortcuts .catalog-intro__shortcut.is-active:after{position:absolute;right:7px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--hf-ui-gold);content:""}
.catalog-method-shortcuts .catalog-intro__shortcut.is-active small{background:rgba(255,255,255,.14);color:#fff}
.catalog-method-shortcuts .catalog-intro__shortcut:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:2px}
.filter-category__group+.filter-category__group{margin-top:12px;padding-top:12px;border-top:1px solid #e6eee9}
.filter-category__group-title{display:block;margin:0 6px 5px;color:#667a70;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.filter-category__links a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px}
.filter-category__links a small{display:flex;flex:0 0 auto;align-items:center;gap:6px;color:#708178;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.filter-category__links a small b{padding:3px 6px;border-radius:999px;background:#d8eddf;color:#174e3a;font-size:9px;letter-spacing:.03em;text-transform:uppercase}
.filter-category__links a.is-active{position:relative;padding-left:13px;border:1px solid #9cc4ad;background:#e5f3e9;color:var(--hf-ui-brand-deep);box-shadow:inset 4px 0 var(--hf-ui-gold)}
.filter-category__links a.is-active small{color:inherit}
.filter-category__links a:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:2px}
.section--catalog{background:#f7f9f7}
.shop-toolbar{overflow:hidden;border-color:#c8d6cf;background:#fff;box-shadow:0 7px 20px rgba(6,45,34,.045)}
.shop-toolbar .select,.catalog-toolbar-search__field>input,.catalog-view-switch{height:44px;border-color:#cbd8d1;background:#fff}
.catalog-view-switch__button.is-active{background:var(--hf-ui-brand);box-shadow:inset 0 -3px var(--hf-ui-gold);color:#fff}
.catalog-view-switch__button[aria-disabled=true],.catalog-view-switch__button:disabled{cursor:not-allowed;opacity:.5}
.filters{border-color:#c8d6cf;background:#fff;box-shadow:0 7px 20px rgba(6,45,34,.045);scrollbar-width:thin;scrollbar-color:#a9bbb1 transparent}
.filters::-webkit-scrollbar,.category-menu__roots::-webkit-scrollbar,.category-menu__panels::-webkit-scrollbar,.method-menu__panels::-webkit-scrollbar{width:7px}
.filters::-webkit-scrollbar-thumb,.category-menu__roots::-webkit-scrollbar-thumb,.category-menu__panels::-webkit-scrollbar-thumb,.method-menu__panels::-webkit-scrollbar-thumb{border-radius:999px;background:#a9bbb1}
.filter-section summary,.filter-category>summary{color:var(--hf-ui-brand-deep)}
.attribute-filter__options label{min-height:42px;align-items:center;padding:6px;border-radius:8px}
.attribute-filter__options input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--hf-ui-brand)}
.fishing-method-options label{--method-color:#53675f;display:grid;min-height:44px;grid-template-columns:18px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background 200ms var(--hf-ease),border-color 200ms var(--hf-ease),box-shadow 200ms var(--hf-ease)}
.fishing-method-options label.is-selected,.attribute-filter__options label:has(input:checked){background:#e8f2ec;color:var(--hf-ui-brand-deep);box-shadow:inset 3px 0 var(--method-color,var(--hf-ui-gold))}
.fishing-method-options label.is-selected{border-color:color-mix(in srgb,var(--method-color) 32%,#d9e5de)}
.fishing-method-option__icon{display:grid;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--method-color) 12%,#fff);color:var(--method-color);place-items:center}
.fishing-method-option__icon svg,.catalog-intro__method-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fishing-method-option__name{min-width:0;font-weight:750;line-height:1.25}
.fishing-method-options label.is-selected .fishing-method-option__name{font-weight:900}
.fishing-method-options small{justify-self:end;font-variant-numeric:tabular-nums}
.fishing-method-options input:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:3px}
.fishing-method-option--spinning,.catalog-method--spinning{--method-color:#16724f}
.fishing-method-option--feeder-method,.catalog-method--feeder-method{--method-color:#718515}
.fishing-method-option--karp,.catalog-method--karp{--method-color:#8a6915}
.fishing-method-option--splawik,.catalog-method--splawik{--method-color:#176d8a}
.fishing-method-option--sum,.catalog-method--sum{--method-color:#5d4b82}
.fishing-method-option--other,.catalog-method--other{--method-color:#5e7068}
.catalog-method-shortcuts .catalog-intro__shortcut{grid-template-columns:32px minmax(0,1fr) auto}
.catalog-intro__method-icon{display:grid;width:32px;height:32px;grid-row:1/3;border-radius:9px;background:color-mix(in srgb,var(--method-color) 13%,#fff);color:var(--method-color);place-items:center}
.catalog-method-shortcuts .catalog-intro__shortcut:before{background:var(--method-color,var(--hf-ui-brand))}
.catalog-method-shortcuts .catalog-intro__shortcut.is-active .catalog-intro__method-icon{background:rgba(255,255,255,.14);color:#fff}

/* Shared public-page finish: calm surfaces, consistent hierarchy and focus. */
.page-hero:not(.page-hero--catalog){background:linear-gradient(135deg,#f4f9f6,#fff 65%,#fff7dc)}
.contact-card,.info-card,.guide-card,.value-card,.store-copy{border-color:#d4e2da;box-shadow:0 9px 26px rgba(6,45,34,.055)}
.btn:focus-visible,.text-link:focus-visible,.product-card a:focus-visible{outline:3px solid var(--hf-ui-gold);outline-offset:3px}
.home-quick__link--method .home-quick__icon{background:var(--hf-ui-brand);color:#ffd55a}
.home-quick__link--spinning .home-quick__icon{background:#0b5a42;color:#ffe178}
.home-quick__link--feeder-method .home-quick__icon{background:#31594c;color:#f5cb46}
.home-quick__link--karp .home-quick__icon{background:#785d18;color:#fff0a2}
.home-quick__link--splawik .home-quick__icon{background:#17627a;color:#d9f4ff}
.home-quick__link--sum .home-quick__icon{background:#453b67;color:#eee7ff}
.home-quick__link--other .home-quick__icon{background:#56635e;color:#fff}

@media(max-width:1180px) and (min-width:960px){
  .main-nav>a,.nav-catalog-trigger{padding-inline:9px;font-size:12px}
  .nav-go-shop--art{width:172px}
}

@media(max-width:760px){
  .catalog-method-shortcuts{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 9px}
  .catalog-method-shortcuts .catalog-intro__shortcut{min-width:158px;min-height:54px;flex-basis:158px;padding:8px 9px}
}

@media(max-width:560px){
  .catalog-intro__shortcuts:not(.catalog-method-shortcuts){grid-template-columns:1fr 1fr}
  .page-hero--catalog .catalog-intro__summary{font-size:14px}
  .home-quick__links:has(.home-quick__link--method){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;overflow:visible}
  .home-quick__link--method{min-width:0;min-height:158px;grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px;padding:15px;scroll-snap-align:none}
  .home-quick__link--method .home-quick__icon{width:44px;height:44px;border-radius:13px}
  .home-quick__link--method .home-quick__icon svg{width:24px;height:24px}
  .home-quick__link--method .home-quick__copy{grid-column:2;gap:4px}
  .home-quick__link--method .home-quick__copy strong{font-size:15px}
  .home-quick__link--method .home-quick__copy small{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .home-quick__link--method .home-quick__meta{grid-column:1/-1;gap:6px;padding-top:9px}
  .home-quick__link--method .home-quick__meta small{font-size:10px}
}

@media(max-width:860px){
  .fishing-method-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:8px;overflow:visible;padding-right:0}
  .fishing-method-options label{min-width:0;min-height:64px;grid-template-columns:18px 30px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 7px;padding:8px}
  .fishing-method-option__icon{width:30px;height:30px;grid-row:1/3}
  .fishing-method-option__name{align-self:end;font-size:12px;overflow-wrap:anywhere}
  .fishing-method-options small{grid-column:3;align-self:start;justify-self:start;font-size:10px}
}

@media(max-width:349px){
  .fishing-method-options,.home-quick__links:has(.home-quick__link--method){grid-template-columns:minmax(0,1fr)}
  .home-quick__link--method{min-height:104px;grid-template-rows:auto auto}
}

@media(prefers-reduced-motion:reduce){
  .nav-item>.mega-menu,.main-nav,.menu-overlay,.nav-catalog-trigger__chevron,.method-menu__rail>button,.method-menu__categories>a,.category-menu__children>a,.category-menu__panel-cta svg,.catalog-intro__shortcut,.fishing-method-options label,.home-quick__link--method{transition:none}
}