/* Discovery surfaces: scoped to the homepage, catalogue and fisheries. */
.page-home main { background: #f3f7f4; }
.page-home .home-quick { background: linear-gradient(180deg,#f3f7f4,#edf4ef); }
.page-home .home-categories { background: #e3eee7; border-block: 1px solid #d2e1d7; }
.page-home .home-merchandising { background: #f7f9f6; }
.page-home .home-specialist { background: #eef1e5; }
.page-home .newsletter { background: #f7f9f6; border-top-color: #d2e1d7; }
.page-home .home-quick__link--method { border-top: 3px solid var(--method-color,#24553d); background: #fff; box-shadow: 0 6px 18px #133c2608; }
.page-home .home-quick__link--method:hover { transform: translateY(-2px); background: #fff; }
.page-home .home-quick__copy strong { line-height: 1.3; }
.home-method-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; color: #42634e; font-size: 12px; }
.home-method-controls[hidden] { display: none; }
.home-method-controls > div { display: flex; gap: 8px; }
.home-method-controls .btn { min-width: 44px; min-height: 44px; padding: 8px; background: #fff; }
.home-method-controls .btn:disabled { opacity: .45; cursor: default; }
.page-home .home-quick__links:focus-visible { outline: 3px solid #24553d; outline-offset: 4px; }
/* A full row on desktop leaves room for long method names. */
.page-catalog .filters .fishing-method-options { grid-template-columns: minmax(0,1fr); gap: 8px; }
.page-catalog .filters .fishing-method-options .fishing-method-option,
.page-catalog .filters .fishing-method-options .fishing-method-option:has(input:checked) { display: grid; grid-template-columns: 36px minmax(0,1fr) 22px; grid-template-rows: auto auto; gap: 3px 10px; min-height: 68px; padding: 10px; border-radius: 12px; }
.page-catalog .filters .fishing-method-options .fishing-method-option__icon { width: 36px; height: 36px; grid-column: 1; grid-row: 1 / 3; }
.page-catalog .filters .fishing-method-options .fishing-method-option__name { font-size: 13px; line-height: 1.35; grid-column: 2; grid-row: 1; align-self: end; }
.page-catalog .filters .fishing-method-options small { font-size: 11px; grid-column: 2; grid-row: 2; }
.page-catalog .filters .fishing-method-options input { position: static; width: 22px; height: 22px; margin: 0; grid-column: 3; grid-row: 1 / 3; accent-color: #164d37; }
.page-catalog .filters .fishing-method-option:focus-within { outline: 3px solid #286546; outline-offset: 2px; }
.page-catalog .filters .fishing-method-option:has(input:checked) { border-color: #286546; background: #e6f1e9; }
@media(max-width:959px) {
    .page-catalog .filters .fishing-method-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .page-catalog .filters .fishing-method-options .fishing-method-option,
    .page-catalog .filters .fishing-method-options .fishing-method-option:has(input:checked) { grid-template-columns: minmax(0,1fr) 22px; grid-template-rows: 36px auto auto; gap: 7px; padding: 12px; }
    .page-catalog .filters .fishing-method-options .fishing-method-option__icon { grid-column: 1; grid-row: 1; }
    .page-catalog .filters .fishing-method-options input { grid-column: 2; grid-row: 1; }
    .page-catalog .filters .fishing-method-options .fishing-method-option__name { grid-column: 1 / -1; grid-row: 2; align-self: start; }
    .page-catalog .filters .fishing-method-options small { grid-column: 1 / -1; grid-row: 3; }
}
@media(max-width:680px) {
    .page-home .home-quick__links:has(.home-quick__link--method) { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; padding: 4px 0 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 0; }
    .page-home .home-quick__links .home-quick__link--method { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 226px; padding: 14px 12px; gap: 12px; scroll-snap-align: start; }
    .page-home .home-quick__link--method .home-quick__icon { width: 38px; height: 38px; flex: 0 0 38px; }
    .page-home .home-quick__link--method .home-quick__copy { display: grid; gap: 6px; min-width: 0; }
    .page-home .home-quick__link--method .home-quick__copy strong { font-size: 15px; }
    .page-home .home-quick__link--method .home-quick__copy small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 12px; line-height: 1.5; }
    .page-home .home-quick__link--method .home-quick__meta { width: 100%; margin-top: auto; gap: 4px; }
    .page-home .home-quick__link--method .home-quick__meta small { font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) { .page-home .home-quick__link--method:hover { transform: none; } }