/* css/catalogue.css */
.fa-primary{fill: #ffffff !important}.fa-secondary{fill: #ffffff !important;opacity: 0.2}svg.fa-cannabis .fa-primary{opacity: 0.2}svg.fa-cannabis .fa-secondary{opacity: 1}.results-bar,.pagination-bottom{display: grid;grid-template-columns: 1fr auto 1fr;grid-template-areas: "left pager right";align-items: center;column-gap: 16px;row-gap: 8px}.results-pager{grid-area: pager;justify-self: center}.results-side{grid-area: right;justify-self: end;display: flex;align-items: center;gap: 12px;min-width: 0}.results-info{grid-area: left;justify-self: start;margin: 0;padding-left: 4px;font-size: 0.8rem;color: var(--sog-text-muted);white-space: nowrap}.results-info strong{font-weight: 700;font-variant-numeric: tabular-nums;color: var(--f-text,var(--sog-text))}.results-count{margin: 0;padding-right: 4px;font-size: 0.85rem;color: var(--f-muted,color-mix(in srgb,var(--sog-text) 45%,transparent));white-space: nowrap}.results-count-num{font-weight: 700;font-variant-numeric: tabular-nums;color: var(--f-text,var(--sog-text))}.results-bar--solo{grid-template-columns: 1fr;grid-template-areas: "right"}.results-bar--solo .results-side{justify-self: center}.no-results{grid-column: 1 / -1;justify-self: center;width: 100%;max-width: 480px;margin: 2rem auto;padding: 2.5rem 2rem;text-align: center;color: var(--f-text,var(--sog-text));background: var(--f-panel,rgba(57,121,84,0.12));border: 1px solid var(--f-border,color-mix(in srgb,var(--sog-accent) 18%,transparent));border-radius: 16px}.no-results i{display: inline-grid;place-items: center;width: 64px;height: 64px;margin-bottom: 1rem;border-radius: 50%;font-size: 1.6rem;color: var(--f-green,var(--sog-accent));background: var(--f-green-dim,color-mix(in srgb,var(--sog-accent) 12%,transparent))}.no-results h3{margin: 0 0 0.4rem;font-size: 1.35rem;font-weight: 700;color: var(--f-text,var(--sog-text))}.no-results p{margin: 0;font-size: 0.95rem;color: var(--f-muted,color-mix(in srgb,var(--sog-text) 60%,transparent))}#sresa,#vendorStrainsGrid{container-type: inline-size}@container (max-width: 1019px){.results-bar{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "pager right"}.results-bar .results-pager{justify-self: start}.results-bar .pag-jump{display: none}.results-bar--solo{grid-template-columns: 1fr;grid-template-areas: "right"}}@container (max-width: 669px){.pagination-bottom{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "pager right"}.pagination-bottom .results-pager{justify-self: start}.pagination-bottom .results-info,.results-count-label{display: none}}@container (max-width: 479px){.results-bar,.pagination-bottom{column-gap: 8px}}
/* css/recre.css */
:root{--bg: rgb(43,59,53);--radius: 10px;--tr: 0.2s ease}.search{display: flex;justify-content: center;padding: 18px 16px 20px;background: var(--f-bg);border-bottom: 1px solid var(--f-border)}.search form{position: relative;display: flex !important;align-items: center;gap: 6px;width: 100%;max-width: 560px;height: 48px;margin: 0 auto;padding: 4px;background: color-mix(in srgb,var(--sog-text) 3.5%,transparent);border: 1px solid color-mix(in srgb,var(--sog-accent) 22%,transparent);border-radius: 999px;overflow: hidden;box-shadow: 0 6px 22px rgba(0,0,0,0.35),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 4%,transparent);transition: border-color var(--tr),box-shadow var(--tr),background var(--tr)}.search form:hover{border-color: color-mix(in srgb,var(--sog-accent) 35%,transparent)}.search form:focus-within{border-color: var(--sog-accent);background: color-mix(in srgb,var(--sog-accent) 5%,transparent);box-shadow: 0 0 0 4px color-mix(in srgb,var(--sog-accent) 14%,transparent),0 8px 26px rgba(0,0,0,0.4)}.search form .searchicon{position: absolute;left: 17px;top: 50%;width: 18px;height: 18px;transform: translateY(-50%);color: var(--sog-accent);opacity: .85;pointer-events: none}.search form .searchinput{flex: 1 1 auto !important;width: auto !important;min-width: 0 !important;height: 100%;padding: 0 8px 0 40px !important;background: transparent !important;color: var(--f-text) !important;font-family: var(--sog-font-body);font-size: 0.95rem;text-align: left !important;border: none !important;outline: none !important}.search form .searchinput::placeholder{color: var(--f-muted)}.search form .searchbtn{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;gap: 7px;width: auto !important;height: 100%;padding: 0 18px;border: none !important;border-radius: 999px !important;background: linear-gradient(135deg,var(--sog-accent),var(--sog-accent-strong)) !important;color: var(--sog-on-accent) !important;font: 700 0.86rem/1 var(--sog-font-body);letter-spacing: .2px;cursor: pointer;box-shadow: 0 4px 14px color-mix(in srgb,var(--sog-accent) 30%,transparent),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 25%,transparent);transition: transform .15s ease,box-shadow .2s ease,filter .2s ease}.search form .searchbtn svg{width: 16px;height: 16px;flex-shrink: 0}.search form .searchbtn:hover{filter: brightness(1.07);box-shadow: 0 6px 20px color-mix(in srgb,var(--sog-accent) 45%,transparent),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 30%,transparent)}.search form .searchbtn:active{transform: scale(.97)}.search form .searchbtn:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 2px}@media only screen and (max-width: 650px){.search{padding: 12px 12px 14px}.search form{max-width: none;height: 46px}.search form .searchicon{left: 15px}.search form .searchinput{font-size: 16px;padding-left: 36px !important}.search form .searchbtn{width: 38px !important;padding: 0}.search form .searchbtn span{display: none}}.filters{background: var(--f-bg);border-bottom: 1px solid var(--f-border);padding: 12px 14px;margin: 0 !important;color: var(--f-text) !important;display: block !important;width: 100%;height: max-content}#frm_filt{text-align: center}@media only screen and (max-width: 600px){.filters{height: 4%}}@media only screen and (max-width: 650px){#frm_filt{padding: 0}}.frpa{display: flex;flex-direction: column;gap: 8px;width: auto !important}.frpa > div{display: flex;flex-direction: column;gap: 8px;height: auto !important}.frpadiv{display: flex !important;align-items: center !important;justify-content: center !important;width: 76px !important;height: 76px !important;border-radius: 14px !important;border: 2px solid color-mix(in srgb,var(--sog-text) 12%,transparent) !important;margin: 0 !important;cursor: pointer;overflow: hidden;transition: all 0.25s cubic-bezier(0.34,1.4,0.64,1);background: color-mix(in srgb,var(--sog-text) 3%,transparent);position: relative}.frpadiv::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,color-mix(in srgb,var(--sog-accent) 5%,transparent) 0%,transparent 60%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none}.frpadiv:hover::before{opacity: 1}.frpadiv:hover{transform: translateY(-4px);box-shadow: 0 12px 28px rgba(0,0,0,0.5),0 0 0 1px color-mix(in srgb,var(--sog-accent) 20%,transparent);border-color: color-mix(in srgb,var(--sog-accent) 30%,transparent) !important}.frpadiv span{display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 5px;padding: 0 !important;font-size: 0.68rem;letter-spacing: 0.6px;color: color-mix(in srgb,var(--sog-text) 75%,transparent);text-shadow: 0 1px 4px rgba(0,0,0,0.6);width: 100%;height: 100%;transition: color 0.2s ease}.frpadiv span i{font-size: 1.5rem !important;transition: transform 0.2s ease,filter 0.2s ease}.frpadiv:hover span i{transform: scale(1.15)}.filtergentype{width: 100% !important;height: 100% !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer}.filteractive{border-color: var(--f-green) !important;box-shadow: 0 0 0 2px color-mix(in srgb,var(--sog-accent) 25%,transparent),0 0 24px color-mix(in srgb,var(--sog-accent) 20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 8%,transparent) !important;transform: translateY(-2px);background: color-mix(in srgb,var(--sog-accent) 8%,transparent) !important}.filteractive span{color: var(--f-green) !important;font-weight: 700}.filteractive span i{filter: drop-shadow(0 0 8px color-mix(in srgb,var(--sog-accent) 60%,transparent)) !important}.filterinactive{opacity: 0.35 !important;filter: none !important}.filterinactive:hover{opacity: 0.8 !important;filter: none !important}@media only screen and (max-width: 650px){.frpa{flex: 1 1 auto;flex-direction: column !important;width: auto !important}.frpa > div{flex-direction: row !important;gap: 5px}.frpadiv{border-radius: 10px !important;margin: 0 !important;width: auto !important;height: 64px !important;flex: 1 1 0}.frpadiv span{font-size: 0.6rem;gap: 3px}.frpadiv span i{font-size: 1.2rem !important}}.drop{flex: 1;display: flex !important;flex-direction: column;align-items: center !important;justify-content: center;padding: 10px 6px;cursor: pointer !important;font-weight: 600;border-right: 1px solid var(--f-border);position: relative;transition: all 0.2s ease;gap: 5px;font-family: var(--sog-font-body)}.drop:last-child{border-right: none}.drop:hover{background: color-mix(in srgb,var(--sog-accent) 6%,transparent) !important}.drop:hover span{color: var(--f-green) !important}.drop:hover i{opacity: 1;transform: scale(1.15)}.drop.dropactive{background: color-mix(in srgb,var(--sog-accent) 10%,transparent) !important}.drop.dropactive span{color: var(--f-green) !important;font-weight: 700}.drop.dropactive i{opacity: 1}.drop.dropactive::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 40px;height: 3px;background: var(--f-green);border-radius: 2px 2px 0 0;box-shadow: 0 0 10px color-mix(in srgb,var(--sog-accent) 60%,transparent)}.drop span{margin: 0 auto !important;text-align: center;font-family: var(--sog-font-body);font-size: 0.65rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.7px;color: var(--f-muted);transition: color 0.2s ease}.drop i{font-size: 1.15rem;color: var(--f-green);opacity: 0.55;transition: all 0.2s ease;display: block}#ordrop:hover i,#ordrop.dropactive i{filter: drop-shadow(0 0 5px color-mix(in srgb,var(--sog-accent) 70%,transparent))}.drop-badge{position: absolute;top: 4px;right: 4px;background: var(--f-green);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font-size: 0.6rem;font-weight: 800;border-radius: 10px;padding: 1px 6px;min-width: 16px;text-align: center;box-shadow: 0 2px 6px rgba(0,0,0,0.4)}@media only screen and (max-width: 900px){.drop{flex: 1 1 auto;min-width: 80px;padding: 8px 4px}.drop span{font-size: 0.6rem}.drop i{font-size: 1rem}}#moderadio{display: flex !important;width: 100% !important;gap: 5px}.orrad{flex: 1;background: var(--f-panel);border: 1px solid var(--f-border) !important;border-radius: var(--radius) !important;color: var(--f-muted) !important;font-size: 1.1rem !important;padding: 8px 0;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0 !important;width: auto !important;float: none !important;cursor: pointer;transition: all 0.2s ease;position: relative;overflow: hidden}.orrad::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,color-mix(in srgb,var(--sog-accent) 10%,transparent) 0%,transparent 70%);opacity: 0;transition: opacity 0.2s ease;pointer-events: none}.orrad:hover::before{opacity: 1}.orrad:hover{background: color-mix(in srgb,var(--sog-accent) 8%,transparent) !important;color: var(--f-green) !important;border-color: color-mix(in srgb,var(--sog-accent) 30%,transparent) !important;transform: translateY(-1px)}.orrad i{transition: transform 0.2s ease}.orrad:hover i{transform: scale(1.2)}.orrad.orderactive,.orderactive{background: var(--f-green) !important;color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) !important;border-color: var(--f-green) !important;opacity: 1 !important;box-shadow: 0 4px 14px color-mix(in srgb,var(--sog-accent) 30%,transparent)}.orrad.orderactive i{transform: scale(1.1)}.reset{background: none !important;border: none !important;color: var(--f-muted) !important;font-family: var(--sog-font-body) !important;font-size: 0.72rem !important;font-weight: 600 !important;text-transform: uppercase !important;letter-spacing: 0.6px;padding: 9px 12px !important;cursor: pointer;white-space: nowrap;transition: color 0.2s ease;width: 100%}@media only screen and (max-width: 650px){.ascdesc{width: 50%;height: 100%}.orrad{padding: 10px 0}}.droppy{padding: 12px !important;animation: dropIn 0.18s ease}.droppyactive{display: flex !important}.droppyinactive{display: none}.seedbanks{display: flex;width: 100%}.bank-panel{display: flex;flex-direction: column;width: 100%;gap: 8px;padding: 10px 12px;box-sizing: border-box}.bank-search-wrap{position: relative;width: 100%}.bank-search-wrap svg{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 13px;height: 13px;opacity: 0.35;pointer-events: none;stroke: var(--f-text)}.bank-search-input{width: 100%;background: var(--f-panel);border: 1px solid var(--f-border);border-radius: 8px;color: var(--f-text);font-family: var(--sog-font-body);font-size: 0.8rem;padding: 7px 10px 7px 30px;outline: none;transition: border-color var(--tr),box-shadow var(--tr);box-sizing: border-box}.bank-search-input::placeholder{color: var(--f-muted)}.bank-search-input:focus{border-color: var(--f-green);box-shadow: 0 0 0 2px color-mix(in srgb,var(--sog-accent) 12%,transparent)}.bankol{column-width: 150px;column-gap: 70px;max-height: 70vh;overflow-y: auto;overflow-x: auto;padding: 4px 2px;scrollbar-width: thin;scrollbar-color: var(--f-green) var(--f-panel)}.bankol::-webkit-scrollbar{width: 4px}.bankol::-webkit-scrollbar-track{background: transparent}.bankol::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--sog-accent) 40%,transparent);border-radius: 3px}.bank-group{break-inside: avoid;display: inline-block;width: 100%;margin-bottom: 8px}.bank-group.is-hidden{display: none}.bank-group-header{display: flex;align-items: center;justify-content: flex-start;gap: 8px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid color-mix(in srgb,var(--sog-accent) 14%,transparent)}.iniziale{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;font-family: var(--sog-font-head);font-weight: 800;font-size: 0.72rem;background: color-mix(in srgb,var(--sog-accent) 15%,transparent);border: 1px solid color-mix(in srgb,var(--sog-accent) 30%,transparent);border-radius: 50%;color: var(--f-green);flex-shrink: 0}.bank-group-chips{display: flex;flex-direction: column;gap: 3px}.bnkchk{position: relative !important;display: flex !important;align-items: center !important;border-radius: 7px !important;padding: 4px 8px 4px 19px !important;font-family: var(--sog-font-body) !important;font-size: 0.72rem !important;font-weight: 500 !important;border: 1px solid transparent !important;width: 100% !important;box-sizing: border-box !important;height: auto !important;float: none !important;transition: background 120ms ease,color 120ms ease,border-color 120ms ease}.bnkchk.is-hidden{display: none !important}.bnkchk::before{content: '';position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;border: 1.5px solid var(--f-muted);background: transparent;box-sizing: border-box;transition: background 120ms ease,border-color 120ms ease,box-shadow 120ms ease}.bank{display: flex !important;align-items: center !important;gap: 8px;width: 100%;min-width: 0;cursor: pointer}.bank span{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.2}.bank-logo{width: 26px !important;height: 26px !important;min-width: 26px !important;border-radius: 50% !important;object-fit: contain !important;background: var(--plate,var(--sog-logo-plate)) !important;border: 1px solid color-mix(in srgb,var(--sog-text) 15%,transparent) !important;flex-shrink: 0;margin: 0 !important;transition: transform 150ms ease,box-shadow 150ms ease}.bankunchecked{background: transparent !important;color: var(--f-muted) !important;border-color: transparent !important}.bankunchecked:hover{background: var(--f-green-dim) !important;color: var(--f-text) !important;border-color: color-mix(in srgb,var(--sog-accent) 20%,transparent) !important}.bankunchecked:hover .bank-logo{transform: scale(1.08)}.bankchecked{background: color-mix(in srgb,var(--sog-accent) 15%,transparent) !important;color: var(--f-green) !important;border-color: color-mix(in srgb,var(--sog-accent) 40%,transparent) !important;font-weight: 600 !important}.bankchecked::before{background: var(--f-green);border-color: var(--f-green);box-shadow: 0 0 6px color-mix(in srgb,var(--sog-accent) 60%,transparent)}.bankchecked .bank-logo{box-shadow: 0 0 0 2px color-mix(in srgb,var(--sog-accent) 35%,transparent)}.bankchecked:hover{background: color-mix(in srgb,var(--sog-accent) 25%,transparent) !important}.bank-no-results{text-align: center;padding: 16px;color: var(--f-muted);font-family: var(--sog-font-body);font-size: 0.8rem}@media only screen and (max-width: 650px){.bank-panel{padding: 8px}.bankol{column-width: 130px;max-height: 50vh}.bank-alpha-btn{font-size: 0.6rem;padding: 2px 5px}}.flavors{width: 100%}.disagi{justify-content: space-evenly;width: 100%;display: flex;align-content: center;flex-flow: row;flex-wrap: wrap;font-weight: bold}.effdroppy{flex-wrap: wrap;height: 100%;display: flex;flex-direction: row;width: 100%;justify-content: space-evenly}.flavor,.effect,.disease{cursor: pointer !important;width: 8%;height: 56px;margin: 1px;border-radius: 10px !important;transition: filter var(--tr),transform var(--tr),box-shadow var(--tr),background-color var(--tr);position: relative}.flavor{border-radius: 45px;filter: grayscale(99%)}.flavor:hover{filter: grayscale(50%);transform: scale(1.08);box-shadow: 0 4px 12px rgba(0,0,0,0.4)}.effect:hover,.disease:hover{transform: scale(1.08);box-shadow: 0 4px 12px rgba(0,0,0,0.4)}.flavactive{background-color: color-mix(in srgb,var(--sog-accent) 20%,transparent) !important;filter: grayscale(0%);box-shadow: 0 0 0 2px var(--f-green) !important}.flavactive:hover{filter: grayscale(0%)}.effactive{background-color: color-mix(in srgb,var(--sog-accent) 20%,transparent) !important;box-shadow: 0 0 0 2px var(--f-green) !important}.disactive{background-color: color-mix(in srgb,var(--sog-accent) 20%,transparent) !important;box-shadow: 0 0 0 2px var(--f-green) !important}.flavor:hover #flavname,.effect:hover #effname,.disease:hover #disname{position: absolute;transition: visibility 0s,opacity 0.2s linear,bottom 0.2s linear;visibility: visible;opacity: 1;bottom: 0}.flavor label,.effect label,.disease label{cursor: pointer}.flavor img,.effect img{width: 100% !important;height: 100% !important;object-fit: contain;display: block !important;position: static !important;margin: 0 auto !important;left: auto !important;right: auto !important}@media only screen and (max-width: 650px){.flavor{width: 14%;padding: 4px;margin: 0 auto}}.flav-container{display: flex;flex-direction: row;width: 100%;min-height: 200px}.flav-tabs{display: flex;flex-direction: column;width: 130px;flex-shrink: 0;border-right: 1px solid var(--f-border)}.flav-panel .flavor{width: 70px !important;height: 70px !important;padding: 4px}.flav-tab{border-radius: 2px;display: flex;align-items: center;gap: 6px;padding: 8px 10px;cursor: pointer;border-left: 3px solid transparent;transition: background var(--tr),border-color var(--tr);position: relative}.flav-tab:hover{background: var(--f-green-dim)}.flav-tab-active{border-left-color: var(--cat-color);background: var(--f-green-dim)}.flav-tab-emoji{font-size: 1rem}.flav-tab-nome{font-size: 0.72rem;color: var(--f-text)}.flav-badge{margin-left: auto;background: var(--cat-color);color: #fff;font-size: 0.65rem;font-weight: 700;border-radius: 10px;padding: 1px 6px;min-width: 18px;text-align: center}.flav-panels{flex: 1;padding: 8px;align-content: center}.flav-panel{display: none;flex-wrap: wrap;justify-content: center;gap: 8px;align-content: flex-start}.flav-panel-active{display: flex}@media only screen and (max-width: 650px){.flav-container{flex-direction: column}.flav-tabs{flex-direction: row;flex-wrap: wrap;width: 100%;border-right: none;border-bottom: 1px solid var(--f-border)}.flav-tab{width: auto;padding: 6px 8px}}.dis-wrapper{width: 100%;overflow: hidden}.dis-selected-bar{display: flex;flex-wrap: wrap;gap: 5px;padding: 0 10px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease,padding 0.2s ease;border-bottom: 1px solid transparent}.dis-selected-bar.has-items{max-height: 80px;padding: 8px 10px;border-bottom-color: var(--f-border)}.dis-tag{display: inline-flex;align-items: center;gap: 4px;background: color-mix(in srgb,var(--sog-accent) 15%,transparent);border: 1px solid color-mix(in srgb,var(--sog-accent) 35%,transparent);border-radius: 20px;padding: 3px 8px 3px 6px;font-size: 0.65rem;font-weight: 600;color: var(--f-green);cursor: pointer;transition: background var(--tr);font-family: var(--sog-font-body)}.dis-tag:hover{background: color-mix(in srgb,var(--sog-accent) 28%,transparent)}.dis-tag-x{font-size: 0.8rem;opacity: 0.7;line-height: 1}.dis-container{display: flex;flex-direction: row;width: 100%;min-height: 200px}.dis-tabs{display: flex;flex-direction: column;width: 170px;flex-shrink: 0;border-right: 1px solid var(--f-border);gap: 2px;padding: 6px 4px}.dis-tab{display: flex;align-items: center;gap: 7px;padding: 8px 9px;border-radius: 2px;cursor: pointer;border-left: 3px solid transparent;transition: background var(--tr),border-color var(--tr);position: relative}.dis-tab:hover{background: var(--f-green-dim)}.dis-tab-active{background: color-mix(in srgb,var(--sog-text) 4%,transparent);border-left-color: var(--cat-col)}.dis-tab-nome{font-size: 0.68rem;font-weight: 600;color: var(--f-text);text-transform: uppercase;letter-spacing: 0.4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: var(--sog-font-body)}.dis-badge{position: absolute;top: 5px;right: 5px;font-size: 0.6rem;font-weight: 700;border-radius: 10px;padding: 1px 5px;min-width: 16px;text-align: center;background: var(--cat-col);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));display: none;line-height: 1.4}.dis-badge.visible{display: block}.dis-panels{flex: 1;padding: 10px 12px;overflow-y: auto;max-height: 300px;scrollbar-width: thin;scrollbar-color: var(--f-green) var(--f-panel);justify-items: center;align-content: center}.dis-panels::-webkit-scrollbar{width: 4px}.dis-panels::-webkit-scrollbar-track{background: transparent}.dis-panels::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--sog-accent) 40%,transparent);border-radius: 3px}.dis-panel{display: none;flex-wrap: wrap;gap: 8px;align-content: flex-start}.dis-panel-active{display: flex;animation: disDropIn 0.18s ease}@keyframes disDropIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: translateY(0)}}.dis-empty{font-size: 0.75rem;color: var(--f-muted);font-family: var(--sog-font-body);padding: 16px;width: 100%;text-align: center}.dis-chip{text-align: center;width: 120px;height: auto;margin: 0;display: flex;flex-direction: column;align-items: center;gap: 5px;padding: 8px 4px 6px;border-radius: 10px;border: 1px solid transparent;background: var(--f-panel);transition: background var(--tr),border-color var(--tr),transform var(--tr),box-shadow var(--tr) !important;position: relative;box-sizing: border-box;filter: none}.dis-chip:hover{background: var(--f-green-dim) !important;border-color: color-mix(in srgb,var(--sog-accent) 25%,transparent) !important;transform: translateY(-2px) !important;box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;filter: none !important}.dis-chip.disactive,.dis-chip.dis-chip-active{background: color-mix(in srgb,var(--sog-accent) 15%,transparent) !important;border-color: color-mix(in srgb,var(--sog-accent) 50%,transparent) !important;box-shadow: 0 0 0 2px color-mix(in srgb,var(--sog-accent) 20%,transparent),0 4px 16px rgba(0,0,0,0.3) !important;filter: none !important}.dis-chip.disactive::after,.dis-chip.dis-chip-active::after{content: '✓';position: absolute;top: 4px;right: 4px;font-size: 0.55rem;font-weight: 900;color: var(--f-green);width: 13px;height: 13px;display: flex;align-items: center;justify-content: center;line-height: 13px;text-align: center;background: color-mix(in srgb,var(--sog-accent) 20%,transparent);border-radius: 50%}.dis-chip-img{width: 40px !important;height: 40px !important;object-fit: contain;display: block;position: static !important;margin: 0 auto !important;left: auto !important;right: auto !important;transition: transform var(--tr)}.dis-chip:hover .dis-chip-img{transform: scale(1.1)}.dis-chip.disactive .dis-chip-img,.dis-chip.dis-chip-active .dis-chip-img{filter: drop-shadow(0 0 4px color-mix(in srgb,var(--sog-accent) 50%,transparent))}.dis-chip-label{font-size: 0.58rem;font-weight: 600;text-align: center;color: var(--f-muted);text-transform: uppercase;letter-spacing: 0.3px;line-height: 1.2;word-break: break-word;font-family: var(--sog-font-body);position: static !important;visibility: visible !important;opacity: 1 !important;bottom: auto !important;float: none !important;width: 100% !important}.dis-chip:hover .dis-chip-label{color: var(--f-text)}.dis-chip.disactive .dis-chip-label,.dis-chip.dis-chip-active .dis-chip-label{color: var(--f-green);font-weight: 700}.dis-chip #disname{display: none !important}@media only screen and (max-width: 650px){.dis-container{flex-direction: column}.dis-tabs{flex-direction: row;flex-wrap: wrap;width: 100%;border-right: none;border-bottom: 1px solid var(--f-border);padding: 4px;gap: 3px}.dis-tab{flex: 1 1 auto;min-width: 60px;padding: 6px 6px;border-left: none;border-bottom: 2px solid transparent;justify-content: center;flex-direction: column;text-align: center;gap: 2px}.dis-tab-active{border-left-color: transparent;border-bottom-color: var(--cat-col)}.dis-tab-nome{font-size: 0.56rem}.dis-panels{max-height: 240px;padding: 8px}.dis-chip{width: 62px !important}.dis-badge{top: 2px;right: 2px}}.disp{width: 100%;justify-content: center}.availa{text-align: justify;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around}.availacheck{cursor: pointer;text-align: center;color: var(--f-muted) !important;width: 10% !important;margin: 3px !important;border-radius: 8px !important;border: 1px solid var(--f-border) !important;background: var(--f-panel);font-family: var(--sog-font-body);font-size: 0.82rem;padding: 6px 4px;transition: background var(--tr),color var(--tr)}.avaactive{background: var(--f-gold-dim) !important;border-color: color-mix(in srgb,var(--sog-gold) 40%,transparent) !important;color: var(--f-gold) !important}.avaactive:hover{background: color-mix(in srgb,var(--sog-gold) 25%,transparent) !important}.avainactive:hover{background: var(--f-green-dim) !important;color: var(--f-text) !important}@media only screen and (max-width: 650px){.availacheck{width: 33.3% !important;margin: 0 auto !important}}.order{padding: 3px}.orderby label{float: left;width: 25%;cursor: pointer;font-weight: bolder;text-align: justify;border-radius: 3px}.orderby span{text-transform: uppercase}.ord{border-radius: 8px !important;margin: 3px !important;text-align: center;background: var(--f-panel);border: 1px solid var(--f-border);color: var(--f-muted);font-family: var(--sog-font-body);font-size: 0.75rem;padding: 8px 6px;transition: background var(--tr),color var(--tr)}.ordactive{background: var(--f-green-dim) !important;border-color: color-mix(in srgb,var(--sog-accent) 35%,transparent) !important;color: var(--f-green) !important}.ordinactive{color: var(--f-muted) !important}.ordinactive:hover{background: color-mix(in srgb,var(--sog-text) 6%,transparent) !important;color: var(--f-text) !important}#rangedrop{display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-start;gap: 0;padding: 32px 20px;width: 100%;box-sizing: border-box}.indsat,.indsatd,.thc{flex: 0 0 33.333%;width: 33.333%;max-width: 33.333%;min-width: 0;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;padding: 0 16px}.filter-header-row{display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: center !important;width: 100% !important;margin-bottom: 22px !important;gap: 8px}.thccbdtoggler{display: none !important}#isrange,#thctxt,#cbdtxt,#yieldtxt,#daystxt{cursor: pointer !important;background: var(--sog-panel) !important;border: 2px solid var(--sog-border) !important;color: var(--sog-text-muted) !important;padding: 10px 20px !important;border-radius: 50px !important;font-size: 0.85rem !important;font-weight: 800 !important;margin: 0 !important;white-space: nowrap;letter-spacing: 0.8px;text-transform: uppercase;backdrop-filter: blur(8px);transition: all 0.3s cubic-bezier(0.34,1.4,0.64,1);user-select: none;position: relative;overflow: hidden}.indsat #isrange,.thc .filter-header-row:has(.thccbdactive) #thctxt,.thc .filter-header-row:has(.thccbdactive) #cbdtxt,.thc .filter-header-row:has(.thccbdactive) #yieldtxt,.thc .filter-header-row:has(.thccbdactive) #daystxt{color: var(--sog-text) !important;border-color: var(--sog-border-strong) !important;background: var(--sog-accent-soft) !important;box-shadow: 0 0 20px color-mix(in srgb,var(--sog-accent) 30%,transparent),0 0 60px color-mix(in srgb,var(--sog-accent) 10%,transparent) !important}.indsatd #isrange,.thc .filter-header-row:has(.thccbdinactive) #thctxt,.thc .filter-header-row:has(.thccbdinactive) #cbdtxt,.thc .filter-header-row:has(.thccbdinactive) #yieldtxt,.thc .filter-header-row:has(.thccbdinactive) #daystxt{color: color-mix(in srgb,var(--sog-text) 25%,transparent) !important;border-color: color-mix(in srgb,var(--sog-text) 6%,transparent) !important;box-shadow: none !important}#isrange:hover,#thctxt:hover,#cbdtxt:hover,#yieldtxt:hover,#daystxt:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--sog-accent) 40%,transparent) !important;box-shadow: 0 8px 32px color-mix(in srgb,var(--sog-accent) 20%,transparent) !important}#isrange::after,#thctxt::after,#cbdtxt::after,#yieldtxt::after,#daystxt::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--sog-text) 15%,transparent),transparent);transition: left 0.6s ease}.indsat #isrange:hover::after,.thc .filter-header-row:has(.thccbdactive) #thctxt:hover::after,.thc .filter-header-row:has(.thccbdactive) #cbdtxt:hover::after,.thc .filter-header-row:has(.thccbdactive) #yieldtxt:hover::after,.thc .filter-header-row:has(.thccbdactive) #daystxt:hover::after{left: 100%}#indsatrange{-webkit-appearance: none;appearance: none;width: 90% !important;height: 14px !important;border-radius: 20px !important;border: none !important;outline: none !important;cursor: pointer;display: block !important;margin: 16px auto 0 auto !important;background: linear-gradient(90deg,var(--sog-bar-indica) 0%,var(--sog-bar-sativa) 100%) !important;box-shadow: inset 0 2px 6px rgba(0,0,0,0.35),0 0 0 1px color-mix(in srgb,var(--sog-text) 5%,transparent) !important;transition: box-shadow 0.3s ease}#indsatrange:hover{box-shadow: inset 0 2px 6px rgba(0,0,0,0.35),0 0 0 1px color-mix(in srgb,var(--sog-text) 10%,transparent),0 4px 24px color-mix(in srgb,var(--sog-bar-indica) 30%,transparent) !important}#indsatrange::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 32px;height: 32px;background: radial-gradient(circle at 35% 35%,#fff 0%,#f0f0f0 40%,#e0e0e0 100%) !important;border-radius: 50% !important;border: 4px solid #fff !important;cursor: pointer !important;box-shadow: 0 4px 15px rgba(0,0,0,0.4),0 0 0 6px color-mix(in srgb,var(--sog-bar-indica) 22%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important;transition: transform 0.2s cubic-bezier(0.34,1.4,0.64,1),box-shadow 0.2s ease}#indsatrange::-moz-range-thumb{width: 32px;height: 32px;background: radial-gradient(circle at 35% 35%,#fff 0%,#f0f0f0 40%,#e0e0e0 100%) !important;border-radius: 50% !important;border: 4px solid #fff !important;cursor: pointer !important;box-shadow: 0 4px 15px rgba(0,0,0,0.4),0 0 0 6px color-mix(in srgb,var(--sog-bar-indica) 22%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important;transition: transform 0.2s cubic-bezier(0.34,1.4,0.64,1),box-shadow 0.2s ease}#indsatrange::-webkit-slider-thumb:hover{transform: scale(1.25) !important;box-shadow: 0 6px 25px rgba(0,0,0,0.5),0 0 0 10px color-mix(in srgb,var(--sog-bar-indica) 16%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}#indsatrange:active::-webkit-slider-thumb{transform: scale(1.15) !important;box-shadow: 0 2px 10px rgba(0,0,0,0.4),0 0 0 14px color-mix(in srgb,var(--sog-bar-indica) 10%,transparent) !important}#indsatrange:disabled{opacity: 0.55 !important;filter: saturate(0.5);cursor: not-allowed;box-shadow: inset 0 2px 6px rgba(0,0,0,0.35) !important}#indsatrange:disabled::-webkit-slider-thumb{background: var(--sog-panel) !important;border-color: var(--sog-border-strong) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important}#indsatrange:disabled::-moz-range-thumb{background: var(--sog-panel) !important;border-color: var(--sog-border-strong) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important}.indsatd{opacity: 1 !important;filter: none !important;transition: all 0.4s ease}.indsat{opacity: 1 !important;filter: none !important;transition: all 0.4s ease}.ui-helper-hidden-accessible{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}.ui-state-disabled{cursor: default !important;pointer-events: none}.ui-slider{position: relative;text-align: left}.ui-slider .ui-slider-handle{position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: pointer;-ms-touch-action: none;touch-action: none}.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: 0.7em;display: block;border: 0;background-position: 0 0}.ui-slider-horizontal{height: 0.8em}.ui-slider-horizontal .ui-slider-handle{top: -0.3em;margin-left: -0.6em}.ui-slider-horizontal .ui-slider-range{top: 0;height: 100%}.ui-slider-horizontal .ui-slider-range-min{left: 0}.ui-slider-horizontal .ui-slider-range-max{right: 0}.ui-slider.ui-slider-horizontal{height: 14px !important;border-radius: 20px !important;border: none !important;background: color-mix(in srgb,var(--sog-text) 6%,transparent) !important;width: 90% !important;margin: 16px auto 0 auto !important;box-shadow: inset 0 2px 6px rgba(0,0,0,0.5),0 0 0 1px color-mix(in srgb,var(--sog-text) 5%,transparent),0 4px 20px color-mix(in srgb,var(--sog-accent) 10%,transparent) !important}#thcslider .ui-slider-range{background: var(--sog-bar-thc) !important;border-radius: 20px !important;box-shadow: 0 0 14px color-mix(in srgb,var(--sog-bar-thc) 35%,transparent) !important}#cbdslider .ui-slider-range{background: var(--sog-bar-cbd) !important;border-radius: 20px !important;box-shadow: 0 0 14px color-mix(in srgb,var(--sog-bar-cbd) 35%,transparent) !important}.ui-slider-handle{width: 28px !important;height: 28px !important;background: radial-gradient(circle at 35% 35%,#fff 0%,#f0f0f0 40%,#e0e0e0 100%) !important;border-radius: 50% !important;border: 4px solid var(--sog-bar-thc) !important;top: -7px !important;cursor: pointer !important;box-shadow: 0 4px 15px rgba(0,0,0,0.4),0 0 0 6px color-mix(in srgb,var(--sog-bar-thc) 20%,transparent),0 0 20px color-mix(in srgb,var(--sog-bar-thc) 30%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important;transition: transform 0.2s cubic-bezier(0.34,1.4,0.64,1),box-shadow 0.2s ease,border-color 0.2s ease !important;outline: none !important}#cbdslider .ui-slider-handle{border-color: var(--sog-bar-cbd) !important;box-shadow: 0 4px 15px rgba(0,0,0,0.4),0 0 0 6px color-mix(in srgb,var(--sog-bar-cbd) 20%,transparent),0 0 20px color-mix(in srgb,var(--sog-bar-cbd) 30%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}.ui-slider-handle:hover{transform: scale(1.25) !important;box-shadow: 0 6px 25px rgba(0,0,0,0.5),0 0 0 10px color-mix(in srgb,var(--sog-bar-thc) 15%,transparent),0 0 40px color-mix(in srgb,var(--sog-bar-thc) 40%,transparent),0 0 80px color-mix(in srgb,var(--sog-bar-thc) 15%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}#cbdslider .ui-slider-handle:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.5),0 0 0 10px color-mix(in srgb,var(--sog-bar-cbd) 15%,transparent),0 0 40px color-mix(in srgb,var(--sog-bar-cbd) 40%,transparent),0 0 80px color-mix(in srgb,var(--sog-bar-cbd) 15%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}.ui-slider-handle.ui-state-active,.ui-slider-handle:active{transform: scale(1.15) !important;box-shadow: 0 2px 10px rgba(0,0,0,0.4),0 0 0 14px color-mix(in srgb,var(--sog-bar-thc) 10%,transparent),0 0 30px color-mix(in srgb,var(--sog-bar-thc) 30%,transparent) !important}#cbdslider .ui-slider-handle.ui-state-active{box-shadow: 0 2px 10px rgba(0,0,0,0.4),0 0 0 14px color-mix(in srgb,var(--sog-bar-cbd) 10%,transparent),0 0 30px color-mix(in srgb,var(--sog-bar-cbd) 30%,transparent) !important}#yieldslider{--rc: var(--sog-ic-yield)}#daysslider{--rc: var(--sog-ic-time)}#yieldslider .ui-slider-range,#daysslider .ui-slider-range{background: var(--rc) !important;border-radius: 20px !important;box-shadow: 0 0 14px color-mix(in srgb,var(--rc) 35%,transparent) !important}#yieldslider .ui-slider-handle,#daysslider .ui-slider-handle{border-color: var(--rc) !important;box-shadow: 0 4px 15px rgba(0,0,0,0.4),0 0 0 6px color-mix(in srgb,var(--rc) 20%,transparent),0 0 20px color-mix(in srgb,var(--rc) 30%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}#yieldslider .ui-slider-handle:hover,#daysslider .ui-slider-handle:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.5),0 0 0 10px color-mix(in srgb,var(--rc) 15%,transparent),0 0 40px color-mix(in srgb,var(--rc) 40%,transparent),inset 0 -2px 4px rgba(0,0,0,0.1) !important}#yieldslider .ui-slider-handle.ui-state-active,#daysslider .ui-slider-handle.ui-state-active{box-shadow: 0 2px 10px rgba(0,0,0,0.4),0 0 0 14px color-mix(in srgb,var(--rc) 10%,transparent),0 0 30px color-mix(in srgb,var(--rc) 30%,transparent) !important}.ui-slider-disabled{opacity: 0.55 !important;filter: saturate(0.5)}.ui-slider-disabled .ui-slider-handle{cursor: not-allowed !important;box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important}@media only screen and (max-width: 650px){#rangedrop{flex-wrap: wrap !important;gap: 28px;padding: 20px 12px}.indsat,.indsatd,.thc{flex: 0 0 100% !important;width: 100% !important;max-width: 100% !important;padding: 0 10px}#indsatrange,.ui-slider.ui-slider-horizontal{width: 95% !important}#isrange,#thctxt,#cbdtxt,#yieldtxt,#daystxt{font-size: 0.75rem !important;padding: 8px 14px !important}}
/* css/strain-card.css */
.straincontainer{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: 22px;padding: 40px 24px;width: 95%;max-width: 1400px;margin: 0 auto;clear: both;box-sizing: border-box}.scard{position: relative;display: flex;flex-direction: column;min-width: 0;container: scard / inline-size;background: var(--sog-panel);border: 1px solid var(--sog-border);border-radius: var(--sog-radius);overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,0.12);transition: transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.scard:hover{transform: translateY(-3px);border-color: var(--sog-border-strong);box-shadow: var(--sog-shadow-hover)}.scard:focus-within{border-color: var(--sog-accent)}.scard-media{position: relative;aspect-ratio: 4 / 5;background: var(--sog-bg-2);overflow: hidden}.scard-media img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.35s ease}.scard:hover .scard-media img{transform: scale(1.04)}.scard-badges{position: absolute;top: 8px;left: 8px;display: flex;gap: 5px}.scard-badge{padding: 5px 8px;border-radius: 999px;font: 700 0.66rem/1 var(--sog-font-body);letter-spacing: 0.04em;text-transform: uppercase;background: var(--sog-badge-photo);color: var(--sog-on-badge);box-shadow: 0 1px 3px rgba(0,0,0,0.25)}.scard-badge.is-fem{background: var(--sog-badge-fem)}.scard-badge.is-reg{background: var(--sog-badge-reg)}.scard-badge.is-auto{background: var(--sog-badge-auto)}@supports (text-box: trim-both cap alphabetic){.scard-badge{text-box: trim-both cap alphabetic;padding-block: calc(5px + 0.15em)}}.scard-body{display: flex;flex: 1;flex-direction: column;gap: 7px;padding: 11px 12px 12px}.scard-name{display: -webkit-box;margin: 0;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;font: 700 0.98rem/1.25 var(--sog-font-head);color: var(--sog-text);text-align: left}.scard:hover .scard-name{color: var(--sog-accent-text)}.scard-link,.scard-link:hover,.scard-link:focus{color: inherit;text-decoration: none}.scard-link::after{content: '';position: absolute;inset: 0;z-index: 1}.scard-link:focus-visible{outline: none}.scard-link:focus-visible::after{outline: 2px solid var(--sog-accent);outline-offset: -2px;border-radius: var(--sog-radius)}.scard-bank{display: flex;align-items: center;gap: 7px;min-width: 0;margin: 0;font-size: 0.78rem;font-weight: 600;color: var(--sog-text-muted)}.scard-bank-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.scard-logo{display: grid;flex: 0 0 auto;place-items: center;width: 22px;height: 22px;overflow: hidden;border-radius: 6px;background: var(--plate,var(--sog-logo-plate));box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08)}.scard-logo img{width: 100%;height: 100%;object-fit: contain}.scard-specs{display: flex;flex-wrap: wrap;gap: 5px;margin: 0;padding: 0;list-style: none}.scard-specs li{display: inline-flex;align-items: center;gap: 5px;padding: 4px 7px;border-radius: 6px;background: var(--sog-surface-2);font-size: 0.72rem;font-weight: 600;color: var(--sog-text);white-space: nowrap;font-variant-numeric: tabular-nums}.scard-specs i,.scard-lineage i{--ic: var(--sog-accent-text);--fa-primary-color: var(--ic);--fa-secondary-color: var(--ic);--fa-secondary-opacity: 0.45;font-size: 0.8rem}.scard-specs .is-thc i{--ic: var(--sog-ic-thc)}.scard-specs .is-cbd i{--ic: var(--sog-ic-cbd)}.scard-specs .is-time i{--ic: var(--sog-ic-time)}.scard-specs .is-yield i{--ic: var(--sog-ic-yield)}.scard-gen{display: flex;align-items: center;gap: 6px;font-size: 0.66rem;font-weight: 600;color: var(--sog-text-muted);font-variant-numeric: tabular-nums}.scard-gen-bar{flex: 1;height: 5px;overflow: hidden;border-radius: 999px;background: var(--sog-bar-sativa)}.scard-gen-bar span{display: block;height: 100%;background: var(--sog-bar-indica)}.scard-lineage{margin: 0;overflow: hidden;font-size: 0.7rem;color: var(--sog-text-muted);white-space: nowrap;text-overflow: ellipsis}.scard-lineage i{margin-right: 5px}.scard-lineage-label{font-weight: 700;color: var(--sog-text)}.scard-rating{display: flex;align-items: center;gap: 4px;font-size: 0.74rem;color: var(--sog-text-muted)}.scard-rating .sog-stars{font-size: 0.78rem}.scard-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;margin-top: auto;padding-top: 8px;border-top: 1px solid var(--sog-border-soft)}.scard-price{display: flex;align-items: baseline;gap: 4px;margin: 0;white-space: nowrap}.scard-price strong{font: 800 1.12rem/1 var(--sog-font-head);color: var(--sog-accent-text);font-variant-numeric: tabular-nums}.scard-price-from,.scard-price-unit{font-size: 0.72rem;color: var(--sog-text-muted)}.scard-meta{display: flex;gap: 10px;margin-left: auto}.scard-stat{display: inline-flex;align-items: center;gap: 4px;font: 600 0.74rem/1 var(--sog-font-body);color: var(--sog-text-muted);font-variant-numeric: tabular-nums}.scard-stat i{--fa-primary-color: currentColor;--fa-secondary-color: currentColor;--fa-secondary-opacity: 0.4}.scard-sr{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.card-like{position: relative;z-index: 2;-webkit-appearance: none;appearance: none;margin: -6px -4px;padding: 6px 4px;border: 0;border-radius: 6px;background: none;cursor: pointer;-webkit-tap-highlight-color: transparent}.card-like:hover{color: var(--sog-text)}.card-like:hover i{transform: scale(1.15)}.card-like i{transition: transform 0.2s ease}.card-like:focus{outline: none}.card-like:focus-visible{outline: 2px solid var(--sog-accent)}.card-like[aria-busy="true"]{cursor: progress;opacity: 0.75}.card-like.is-liked{color: var(--sog-like)}.card-like.is-liked i{--fa-secondary-opacity: 1}.card-like.is-pop i{animation: card-like-pop 0.4s cubic-bezier(0.34,1.6,0.64,1)}@keyframes card-like-pop{0%{transform: scale(1)}45%{transform: scale(1.45)}100%{transform: scale(1)}}@media (hover: none) and (pointer: coarse){.card-like{margin: -9px -7px;padding: 9px 7px}}@container scard (max-width: 200px){.scard-body{gap: 6px;padding: 9px 9px 10px}.scard-name{font-size: 0.88rem}.scard-specs li{padding: 3px 6px;font-size: 0.68rem}.scard-price strong{font-size: 1rem}.scard-foot{flex-direction: column;align-items: flex-start}.scard-meta{margin-left: 0}}@media only screen and (max-width: 650px){.straincontainer{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px;padding: 10px;width: 100%}}@media (prefers-reduced-motion: reduce){.scard,.scard-media img,.card-like i{transition: none}.scard:hover,.scard:hover .scard-media img,.card-like:hover i{transform: none}.card-like.is-pop i{animation: none}}.noresults{width: 100%;height: 420px;margin: 0 auto;background-image: url("/img/other/420-not-found.png");background-repeat: no-repeat;background-position: center;text-align: center;float: left;background-size: contain}.results-bar,.pagination-bottom{box-sizing: border-box;width: calc(100% - 32px);margin: 0 auto;padding: 8px 12px;border-radius: 12px;background: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));box-shadow: inset 0 1px 0 color-mix(in srgb,var(--sog-text) 3.5%,transparent),0 1px 2px rgba(0,0,0,0.25)}.results-bar{margin-top: 16px;background: linear-gradient(90deg,color-mix(in srgb,var(--sog-accent) 22%,var(--sog-bg)) 0%,color-mix(in srgb,var(--sog-accent) 14%,var(--sog-bg)) 38%,color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) 68%,color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) 100%)}.pagination-bottom{margin-bottom: 1.5rem}.pagination-nav{display: flex;justify-content: center;transition: opacity 0.2s ease}.pagination-nav .frm_pag{display: flex;justify-content: center;margin: 0}.pagination-inner{display: inline-flex;align-items: center}.pag-arrow{display: flex;cursor: pointer;margin: 0;border-radius: 50%;outline: none}.pag-arrow.is-disabled{cursor: not-allowed;pointer-events: none}.pag-btn{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;color: var(--f-text);transition: background-color 0.15s ease,color 0.15s ease}.pag-arrow:hover:not(.is-disabled) .pag-btn{background: color-mix(in srgb,var(--sog-text) 6%,transparent);color: var(--f-green)}.pag-arrow.is-disabled .pag-btn{opacity: 0.25}.pag-pages{display: flex;align-items: center;gap: 2px;margin: 0 10px}.pag-num-label{display: flex;cursor: pointer;margin: 0;border-radius: 999px;text-decoration: none;outline: none}.pag-num,.pag-ellipsis{box-sizing: border-box;display: flex;align-items: center;justify-content: center;width: 40px;height: 36px;padding: 0;border-radius: 999px;font-size: 14px;font-weight: 500;font-variant-numeric: tabular-nums;letter-spacing: -0.01em;color: color-mix(in srgb,var(--sog-text) 70%,transparent);transition: background-color 0.15s ease,color 0.15s ease}.pag-num-label:hover .pag-num{background: color-mix(in srgb,var(--sog-text) 6%,transparent);color: var(--f-text)}.pag-num.is-active{position: relative;background: var(--f-green);color: var(--sog-on-accent);font-weight: 600;box-shadow: 0 0 0 4px color-mix(in srgb,var(--sog-accent) 18%,transparent);cursor: default}.pag-ellipsis{color: var(--f-muted);cursor: default;user-select: none}.pag-arrow:focus-visible .pag-btn,.pag-num-label:focus-visible .pag-num{box-shadow: 0 0 0 2px var(--f-green)}.pagination-nav.is-loading{pointer-events: none;opacity: 0.5}.pagination-nav.is-loading .pag-num.is-active{overflow: hidden}.pagination-nav.is-loading .pag-num.is-active::after{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--sog-text) 30%,transparent) 50%,transparent 100%);animation: pag-shimmer 1s infinite}@keyframes pag-shimmer{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}.pag-set{display: none}.pag-set-m{display: flex}@container (min-width: 1190px){.pag-set-m{display: none}.pag-set-l{display: flex}}@container (max-width: 559px){.pag-set-m{display: none}.pag-set-s{display: flex}}@container (max-width: 479px){.results-bar,.pagination-bottom{padding: 6px 8px}.pag-pages{margin: 0 2px}.pag-btn{width: 30px;height: 30px}.pag-num,.pag-ellipsis{width: 32px;height: 32px;font-size: 13px}}@container (max-width: 359px){.results-bar,.pagination-bottom{width: calc(100% - 16px)}.pag-pages{margin: 0 2px}.pag-btn{width: 26px;height: 26px}.pag-num,.pag-ellipsis{width: 28px;height: 28px;font-size: 12px}}.pag-jump{display: inline-flex;align-items: center;gap: 6px;margin: 0}.pag-jump-input{box-sizing: border-box;width: 56px !important;height: 34px !important;margin: 0 !important;padding: 0 8px !important;border-radius: 8px !important;border: 1px solid color-mix(in srgb,var(--sog-text) 8%,transparent) !important;background: color-mix(in srgb,var(--sog-text) 5%,transparent) !important;color: var(--f-text) !important;font-family: inherit;font-size: 13px;font-weight: 500;font-variant-numeric: tabular-nums;text-align: center;box-shadow: none;-moz-appearance: textfield;appearance: textfield;transition: border-color 0.15s ease,box-shadow 0.15s ease}.pag-jump-input::-webkit-outer-spin-button,.pag-jump-input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.pag-jump-input::placeholder{color: var(--f-muted);opacity: 1}.pag-jump-input:focus{outline: none;border-color: var(--f-green) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--sog-accent) 18%,transparent)}.pag-jump-btn{display: flex;align-items: center;justify-content: center;flex: 0 0 32px;width: 32px;height: 32px;padding: 0;border: 0;border-radius: 50%;background: var(--f-green-dim);color: var(--f-green);cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease}.pag-jump-btn:hover{background: var(--f-green);color: var(--sog-on-accent)}.pag-jump-btn:focus-visible{outline: none;box-shadow: 0 0 0 2px var(--f-green)}@container (max-width: 479px){.pag-jump{gap: 4px}.pag-jump-input{width: 44px !important;height: 30px !important;padding: 0 4px !important}.pag-jump-btn{flex-basis: 28px;width: 28px;height: 28px}}#sresa-ssr{display: none}#sresa{min-height: 80vh}@media (max-width: 650px){#sresa{min-height: 60vh}}
/* css/catalogue-filters.css */
.cat-layout{--rail-w: 76px;--rail-w-open: 244px;--fly-bg: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));--fly-bg-2: color-mix(in srgb,var(--sog-accent) 12%,var(--sog-bg));--line: color-mix(in srgb,var(--sog-accent) 16%,transparent);--line-soft: color-mix(in srgb,var(--sog-text) 6%,transparent);display: grid;grid-template-columns: var(--rail-w) minmax(0,1fr);align-items: start;min-height: calc(100vh - var(--header-h,72px))}.cat-layout.rail-anim{transition: grid-template-columns 0.22s ease}.cat-layout.rail-expanded{--rail-w: var(--rail-w-open)}body.cat-lock{overflow: hidden}.cat-rail{position: sticky;top: var(--header-h,72px);height: calc(100vh - var(--header-h,72px));z-index: 950;background: linear-gradient(180deg,color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) 0%,var(--f-bg) 100%);border-right: 1px solid var(--line);font-family: var(--sog-font-body)}.cat-rail > form{display: flex;flex-direction: column;height: 100%;text-align: left;padding: 0}.rail-head{display: flex;align-items: center;gap: 10px;padding: 14px 16px 10px;flex-shrink: 0}.rail-title{font-family: var(--sog-font-head);font-weight: 800;font-size: 0.95rem;letter-spacing: 1px;text-transform: uppercase;color: var(--f-text);white-space: nowrap;flex: 1}.rail-toggle,.rail-drawer-close{width: 44px;height: 44px;flex: 0 0 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1.5px dashed color-mix(in srgb,var(--sog-text) 14%,transparent);background: transparent;color: var(--f-muted);cursor: pointer;transition: color 0.2s ease,border-color 0.2s ease,background 0.2s ease}.rail-toggle:hover,.rail-drawer-close:hover{color: var(--f-green);border-color: var(--f-green);background: var(--f-green-dim)}.rail-toggle,.rail-toggle:hover{border-color: transparent}.rail-toggle i{transition: transform 0.25s ease}.cat-layout.rail-expanded .rail-toggle i{transform: rotate(180deg)}.rail-drawer-close{display: none}.rail-scroll{flex: 1;min-height: 0;overflow-y: auto;overflow-x: hidden;padding: 6px 16px;scrollbar-width: none}.rail-scroll::-webkit-scrollbar{display: none}.rail-group{display: flex;flex-direction: column;gap: 6px}.cat-rail .frpa{display: flex;flex-direction: column;gap: 6px;width: 100% !important}.cat-rail .frpa + .frpa{margin-top: 6px}.rail-sep{height: 1px;margin: 14px 6px;background: linear-gradient(90deg,transparent,var(--line),transparent)}.rail-foot{display: flex;flex-direction: column;gap: 6px;padding: 10px 16px 16px;border-top: 1px solid var(--line);flex-shrink: 0}.cat-rail .rail-item{position: relative;display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: flex-start !important;gap: 12px;width: 100% !important;height: 44px !important;min-height: 44px;flex: 0 0 auto;padding: 0 !important;margin: 0 !important;background: transparent !important;border: 0 !important;border-radius: 22px !important;box-shadow: none !important;transform: none !important;opacity: 1 !important;filter: none !important;overflow: visible;color: var(--f-muted);font-family: var(--sog-font-body);text-decoration: none;text-align: left;cursor: pointer;transition: background 0.2s ease,color 0.2s ease;--ic: var(--f-green)}.cat-rail .rail-item::before,.cat-rail .rail-item::after{display: none !important}.cat-rail .rail-ico{display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: center !important;width: 44px !important;height: 44px !important;flex: 0 0 44px;padding: 0 !important;margin: 0 !important;border-radius: 50%;border: 1.5px solid color-mix(in srgb,var(--sog-text) 10%,transparent);background: color-mix(in srgb,var(--sog-text) 3%,transparent);color: var(--f-muted);font-size: 1.05rem;text-shadow: none;transition: border-color 0.2s ease,background 0.2s ease,box-shadow 0.25s ease,transform 0.2s ease,color 0.2s ease}.cat-rail .rail-ico svg,.cat-rail .rail-ico i{width: 1.1em;height: 1.1em;font-size: 1.05rem !important;color: var(--f-muted);opacity: 1;filter: none !important;transform: none !important;text-align-last: center}.cat-rail .rail-label{display: block !important;flex: 1 1 auto;min-width: 0;width: auto !important;height: auto !important;margin: 0 !important;padding: 0 !important;font-family: var(--sog-font-body);font-size: 0.8rem !important;font-weight: 600;letter-spacing: 0.4px;text-transform: uppercase;text-align: left !important;color: inherit !important;text-shadow: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.cat-rail .rail-caret{flex: 0 0 auto;margin-right: 14px;font-size: 0.7rem;opacity: 0.35;transition: transform 0.2s ease,opacity 0.2s ease}.cat-rail .drop .rail-label{color: inherit !important}.cat-rail .drop .rail-ico{color: var(--f-muted) !important;margin: 0 !important}.cat-rail .drop .drop-badge{margin: 0 !important;color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) !important;font-size: 0.62rem;letter-spacing: 0;text-transform: none}.cat-rail .rail-fem{--ic: color-mix(in srgb,var(--sog-badge-fem) 80%,var(--sog-text))}.cat-rail .rail-reg{--ic: color-mix(in srgb,var(--sog-badge-reg) 80%,var(--sog-text))}.cat-rail .rail-photo{--ic: color-mix(in srgb,var(--sog-badge-photo) 80%,var(--sog-text))}.cat-rail .rail-auto{--ic: color-mix(in srgb,var(--sog-badge-auto) 80%,var(--sog-text))}.cat-rail #sbdrop{--ic: var(--sog-ic-banks)}.cat-rail #fldrop{--ic: var(--sog-accent-text)}.cat-rail #disdrop{--ic: var(--sog-ic-medical)}.cat-rail #effdrop{--ic: var(--sog-ic-effects)}.cat-rail #avadrop{--ic: var(--sog-ic-pack)}.cat-rail #gendrop{--ic: var(--sog-ic-indica)}.cat-rail #growdrop{--ic: var(--sog-ic-yield)}.cat-rail .rail-random{--ic: var(--sog-gold)}.cat-rail .rail-reset{--ic: color-mix(in srgb,var(--sog-text) 70%,transparent)}.cat-rail .rail-item:hover{color: var(--f-text)}.cat-rail .rail-item:hover .rail-ico{border-color: var(--ic);background: color-mix(in srgb,var(--ic) 10%,transparent);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ic) 14%,transparent);transform: scale(1.05)}.cat-rail .rail-item:hover .rail-ico svg{opacity: 1}.cat-rail .rail-item:focus-visible{outline: none}.cat-rail .rail-item:focus-visible .rail-ico{outline: 2px solid var(--ic);outline-offset: 2px}.cat-rail .rail-item.filteractive,.cat-rail .rail-item.dropactive{color: var(--sog-text)}.cat-rail .rail-item.filteractive .rail-ico,.cat-rail .rail-item.dropactive .rail-ico{border-color: var(--ic);background: color-mix(in srgb,var(--ic) 20%,transparent);box-shadow: 0 0 16px color-mix(in srgb,var(--ic) 45%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--ic) 40%,transparent);color: var(--ic) !important}.cat-rail .rail-item.filteractive .rail-ico svg,.cat-rail .rail-item.filteractive .rail-ico i,.cat-rail .rail-item.dropactive .rail-ico svg,.cat-rail .rail-item.dropactive .rail-ico i{color: var(--ic) !important;opacity: 1}.cat-rail .rail-item.filterinactive{opacity: 1 !important}.cat-rail .rail-item.dropactive .rail-caret{opacity: 0.9;transform: translateX(3px);color: var(--ic)}.cat-rail .drop-badge{position: absolute;top: -3px;left: 29px;right: auto;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--ic);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font-size: 0.62rem;font-weight: 800;line-height: 18px;text-align: center;box-shadow: 0 0 0 2px var(--f-bg);pointer-events: none}.cat-layout.rail-expanded .cat-rail .rail-item:hover{background: color-mix(in srgb,var(--sog-text) 3.5%,transparent) !important}.cat-layout.rail-expanded .cat-rail .rail-item.dropactive,.cat-layout.rail-expanded .cat-rail .rail-item.filteractive{background: color-mix(in srgb,var(--ic) 9%,transparent) !important}.rail-done{display: none}@media (min-width: 900px){.cat-layout:not(.rail-expanded) .rail-title,.cat-layout:not(.rail-expanded) .rail-label,.cat-layout:not(.rail-expanded) .rail-caret{display: none !important}.cat-layout:not(.rail-expanded) .rail-head{padding-left: 16px;padding-right: 16px}}.rail-tip{position: fixed;z-index: 1200;padding: 6px 11px;border-radius: 8px;background: var(--sog-bg-2);border: 1px solid var(--f-border,color-mix(in srgb,var(--sog-accent) 18%,transparent));box-shadow: 0 6px 20px rgba(0,0,0,0.5);color: var(--sog-text);font: 600 0.72rem var(--sog-font-body);letter-spacing: 0.5px;text-transform: uppercase;white-space: nowrap;pointer-events: none;opacity: 0;transform: translate(-4px,-50%);transition: opacity 0.12s ease,transform 0.12s ease}.rail-tip.is-visible{opacity: 1;transform: translate(0,-50%)}.cat-main{min-width: 0;position: relative}.cat-toolbar{position: relative;z-index: 30;display: flex;align-items: center;justify-content: flex-end;gap: 12px;padding: 10px 16px;background: var(--f-bg);border-bottom: 1px solid var(--line);font-family: var(--sog-font-body)}.cat-filters-btn{display: none;align-items: center;gap: 8px;height: 40px;padding: 0 16px;border-radius: 20px;border: 1px solid var(--line);background: var(--fly-bg-2);color: var(--f-text);font: 700 0.8rem var(--sog-font-body);letter-spacing: 0.5px;text-transform: uppercase;cursor: pointer}.cat-filters-btn svg{color: var(--f-green)}.cat-filters-count{min-width: 20px;height: 20px;padding: 0 6px;border-radius: 10px;background: var(--f-green);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font-size: 0.68rem;font-weight: 800;line-height: 20px;text-align: center}.cat-filters-count[hidden]{display: none}.cat-sort{display: flex;align-items: center;gap: 8px}.cat-sort-label{font-size: 0.7rem;font-weight: 600;letter-spacing: 0.8px;text-transform: uppercase;color: var(--f-muted)}.cat-sort-menu{position: relative}.cat-sort-btn{display: inline-flex;align-items: center;gap: 10px;height: 40px;padding: 0 14px 0 16px;border-radius: 20px;border: 1px solid var(--line);background: var(--fly-bg-2);color: var(--f-text);font: 600 0.85rem var(--sog-font-body);cursor: pointer;transition: border-color 0.2s ease,background 0.2s ease}.cat-sort-btn:hover,.cat-sort-btn[aria-expanded="true"]{border-color: var(--f-green);background: var(--f-green-dim)}.cat-sort-btn svg{font-size: 0.7rem;opacity: 0.6;transition: transform 0.2s ease}.cat-sort-btn[aria-expanded="true"] svg{transform: rotate(180deg)}.cat-sort-list{position: absolute;top: calc(100% + 8px);right: 0;z-index: 970;min-width: 230px;display: flex;flex-direction: column;gap: 2px;padding: 6px;border-radius: 14px;border: 1px solid var(--line);background: var(--fly-bg);box-shadow: 0 18px 44px rgba(0,0,0,0.55);animation: catPop 0.14s ease}.cat-sort-list[hidden]{display: none}@keyframes catPop{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: none}}.cat-sort-list .orderby{display: block;margin: 0;cursor: pointer}.cat-sort-list .ord{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin: 0 !important;padding: 10px 12px;border: 0;border-radius: 9px !important;background: transparent;font: 500 0.85rem var(--sog-font-body);text-align: left;text-transform: none}.cat-sort-list .ord-label{display: inline-flex;align-items: center;gap: 10px}.cat-sort-list .ord-ico{width: 1.15em;text-align: center;color: var(--f-green);opacity: 0.85}.cat-sort-btn .cat-sort-ico{font-size: 0.9rem;opacity: 1;color: var(--f-green)}.cat-sort-list .ord.ordinactive:hover{background: color-mix(in srgb,var(--sog-text) 5%,transparent) !important}.cat-sort-list .ord.ordactive{font-weight: 700}.cat-sort-list .ord.ordactive::after{content: '✓';font-weight: 800;color: var(--f-green)}.cat-toolbar #moderadio{display: flex !important;width: auto !important;gap: 0;padding: 3px;border-radius: 20px;border: 1px solid var(--line);background: var(--fly-bg-2)}.cat-toolbar .orrad{flex: 0 0 auto;width: 36px !important;height: 32px;padding: 0;border: 0 !important;border-radius: 16px !important;background: transparent;font-size: 0.9rem !important;box-shadow: none}.cat-toolbar .orrad::before{display: none}.cat-toolbar .orrad:hover{transform: none}.cat-results{position: relative;container: catres / inline-size}.cat-h1{margin: 14px 16px 0;font-family: var(--sog-font-body);font-size: clamp(1.15rem,2.2vw,1.6rem);font-weight: 700;line-height: 1.25;color: var(--sog-text)}@container catres (min-width: 1020px){.cat-toolbar{position: absolute;top: 16px;left: 28px;height: 52px;padding: 0;justify-content: flex-start;background: none;border: 0}.cat-sort-btn{height: 36px}.results-bar{min-height: 52px}.cat-toolbar #moderadio{padding: 2px}.cat-toolbar .orrad{height: 30px}.cat-sort-list{left: 0;right: auto}}@container catres (min-width: 1020px) and (max-width: 1259px){.cat-sort-label{display: none}}.cat-backdrop{position: fixed;top: var(--header-h,72px);left: 0;right: 0;bottom: 0;z-index: 930;background: rgba(3,8,5,0.42);opacity: 0;visibility: hidden;transition: opacity 0.2s ease,visibility 0s linear 0.2s}.cat-layout.fly-open .cat-backdrop,.cat-layout.drawer-open .cat-backdrop{opacity: 1;visibility: visible;transition: opacity 0.2s ease}.cat-flyout{position: fixed;top: calc(var(--header-h,72px) + 12px);left: calc(var(--rail-w) + 14px);max-height: calc(100vh - var(--header-h,72px) - 24px);z-index: 940;display: flex;flex-direction: column;background: var(--fly-bg);border: 1px solid var(--line);border-radius: 18px;box-shadow: 0 28px 70px rgba(0,0,0,0.65),0 0 0 1px rgba(0,0,0,0.3);color: var(--f-text);font-family: var(--sog-font-body);overflow: hidden;opacity: 0;visibility: hidden;transform: translateX(-14px);transition: opacity 0.18s ease,transform 0.18s ease,left 0.22s ease,visibility 0s linear 0.18s}.cat-flyout.is-open{opacity: 1;visibility: visible;transform: none;transition: opacity 0.18s ease,transform 0.18s ease,left 0.22s ease}.cat-flyout > form{display: flex;flex-direction: column;flex: 1;min-height: 0;width: 100%}.cat-flyout .droppy{flex-direction: column !important;flex-wrap: nowrap !important;flex: 1;min-height: 0;width: 100%;padding: 0 !important;gap: 0;animation: none;font-weight: normal}.cat-flyout .droppy.droppyactive{display: flex !important}.cat-flyout #rangedrop{padding: 0 !important;justify-content: flex-start;align-items: stretch}.cat-flyout #seedbanks{--ic: var(--sog-ic-banks)}.cat-flyout #checkflav{--ic: var(--sog-accent-text)}.cat-flyout #disdroppy{--ic: var(--sog-ic-medical)}.cat-flyout #effdroppy{--ic: var(--sog-ic-effects)}.cat-flyout #dispo{--ic: var(--sog-ic-pack)}.cat-flyout #rangedrop{--ic: var(--sog-ic-indica)}.cat-flyout #growpanel{--ic: var(--sog-ic-yield)}.fly-head{display: flex;align-items: center;gap: 12px;padding: 14px 16px 14px 18px;border-bottom: 1px solid var(--line);background: linear-gradient(90deg,color-mix(in srgb,var(--ic) 9%,transparent),transparent 55%);flex-shrink: 0}.fly-ico{width: 38px;height: 38px;flex: 0 0 38px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1.5px solid var(--ic);background: color-mix(in srgb,var(--ic) 16%,transparent);color: var(--ic)}.fly-title{margin: 0;font: 800 1rem var(--sog-font-head);letter-spacing: 1px;text-transform: uppercase;color: var(--sog-text);white-space: nowrap}.fly-count{padding: 2px 9px;border-radius: 10px;background: color-mix(in srgb,var(--ic) 22%,transparent);color: var(--ic);font-size: 0.72rem;font-weight: 700}.fly-count[hidden]{display: none}.fly-spacer{flex: 1}.fly-clear{padding: 7px 14px;border-radius: 16px;border: 1px solid transparent;background: transparent;color: var(--f-muted);font: 600 0.75rem var(--sog-font-body);letter-spacing: 0.5px;text-transform: uppercase;cursor: pointer;transition: color 0.2s ease,border-color 0.2s ease}.fly-clear:hover{color: var(--f-gold);border-color: color-mix(in srgb,var(--sog-gold) 35%,transparent)}.fly-clear:disabled{opacity: 0.3;cursor: default;border-color: transparent;color: var(--f-muted)}.fly-close,.fly-back{width: 36px;height: 36px;flex: 0 0 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid var(--line-soft);background: color-mix(in srgb,var(--sog-text) 3%,transparent);color: var(--f-muted);cursor: pointer;transition: color 0.2s ease,background 0.2s ease,border-color 0.2s ease}.fly-close:hover,.fly-back:hover{color: var(--sog-text);border-color: color-mix(in srgb,var(--sog-text) 25%,transparent);background: color-mix(in srgb,var(--sog-text) 8%,transparent)}.fly-back{display: none}.cat-flyout .fly-body{flex: 1;min-height: 0;overflow-y: auto;padding: 16px 18px 20px;scrollbar-width: thin;scrollbar-color: color-mix(in srgb,var(--sog-accent) 40%,transparent) transparent}.cat-flyout .fly-body::-webkit-scrollbar{width: 6px}.cat-flyout .fly-body::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--sog-accent) 35%,transparent);border-radius: 3px}.cat-flyout .bank-panel{display: block;padding: 0 !important;gap: 0}.bank-tools{position: sticky;top: 0;z-index: 3;display: flex;flex-direction: column;gap: 10px;padding: 14px 18px 12px;background: var(--fly-bg);border-bottom: 1px solid var(--line-soft)}.cat-flyout .bank-search-wrap svg{left: 14px;width: 15px;height: 15px}.cat-flyout .bank-search-input{height: 42px;padding: 0 14px 0 40px;border-radius: 21px;font-size: 0.9rem;background: var(--fly-bg-2)}.bank-alpha{display: flex;flex-wrap: wrap;gap: 4px}.bank-alpha-btn{width: 30px;height: 30px;padding: 0;border-radius: 50%;border: 1px solid var(--line);background: transparent;color: var(--f-text);font: 800 0.74rem var(--sog-font-head);cursor: pointer;transition: background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.bank-alpha-btn:hover:not(:disabled){background: color-mix(in srgb,var(--ic) 18%,transparent);border-color: var(--ic);color: var(--ic)}.bank-alpha-btn.is-current{background: var(--ic);border-color: var(--ic);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg))}.bank-alpha-btn:disabled,.bank-alpha-btn.is-hidden{opacity: 0.18;cursor: default;pointer-events: none}.bank-selected{flex: 1 1 auto;min-width: 0;display: flex;flex-wrap: nowrap;align-items: center;justify-content: safe center;gap: 6px;overflow-x: auto;scrollbar-width: none}.bank-selected::-webkit-scrollbar{display: none}.bank-selected .bank-chip{flex: 0 0 auto}.bank-selected:empty{display: none}.bank-chip{display: inline-flex;align-items: center;gap: 6px;height: 28px;padding: 0 6px 0 4px;border-radius: 14px;border: 1px solid color-mix(in srgb,var(--ic) 45%,transparent);background: color-mix(in srgb,var(--ic) 14%,transparent);color: var(--ic);font-size: 0.74rem;font-weight: 600;cursor: pointer}.bank-chip img,.bank-chip .bank-chip-dot{width: 20px;height: 20px;border-radius: 50%;object-fit: contain;background: var(--plate,var(--sog-logo-plate))}.bank-chip .bank-chip-dot{background: color-mix(in srgb,var(--ic) 30%,transparent)}.bank-chip-x{opacity: 0.7;font-size: 0.9rem;line-height: 1;padding: 0 2px}.bank-chip:hover .bank-chip-x{opacity: 1}.cat-flyout .bankol{column-width: auto;columns: auto;max-height: none;overflow: visible;padding: 4px 18px 18px}.cat-flyout .bank-group{display: grid;grid-template-columns: 46px minmax(0,1fr);gap: 14px;width: 100%;margin: 0;padding: 14px 0;border-bottom: 1px dashed var(--line-soft);break-inside: auto}.cat-flyout .bank-group:last-child{border-bottom: 0}.cat-flyout .bank-group.is-hidden{display: none}.cat-flyout .bank-group-header{display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: 4px;padding: 0;margin: 0;border: 0}.cat-flyout .iniziale{width: 42px;height: 42px;font-size: 1.15rem;border-radius: 50%;border: 1.5px solid color-mix(in srgb,var(--ic) 60%,transparent) !important;background: color-mix(in srgb,var(--ic) 12%,transparent) !important;color: var(--ic) !important}.bank-group-count{font-size: 0.62rem;font-weight: 600;color: var(--f-muted)}.cat-flyout .bank-group-chips{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 6px;align-content: start}.cat-flyout .bnkchk{min-height: 42px;padding: 6px 10px 6px 26px !important;border-radius: 12px !important;font-size: 0.82rem !important}.cat-flyout .bnkchk::before{left: 10px;width: 8px;height: 8px}.cat-flyout .bnkchk.bankunchecked{background: color-mix(in srgb,var(--sog-text) 2.5%,transparent) !important;border-color: var(--line-soft) !important}.cat-flyout .bnkchk.bankunchecked:hover{background: color-mix(in srgb,var(--ic) 9%,transparent) !important;border-color: color-mix(in srgb,var(--ic) 35%,transparent) !important;color: var(--f-text) !important}.cat-flyout .bnkchk.bankchecked{background: color-mix(in srgb,var(--ic) 16%,transparent) !important;border-color: color-mix(in srgb,var(--ic) 60%,transparent) !important;color: var(--sog-text) !important}.cat-flyout .bnkchk.bankchecked::before{background: var(--ic);border-color: var(--ic);box-shadow: 0 0 6px color-mix(in srgb,var(--ic) 70%,transparent)}.cat-flyout .bank-logo{width: 28px !important;height: 28px !important;min-width: 28px !important}.cat-flyout .bank-logo-empty{display: inline-flex !important;align-items: center;justify-content: center;flex: 0 0 28px !important;background: color-mix(in srgb,var(--sog-text) 6%,transparent) !important;color: var(--f-muted);font: 800 0.72rem var(--sog-font-head)}.cat-flyout .bank-no-results{padding: 30px 16px}.cat-flyout .fly-body.flav-container{display: flex;flex-direction: row;min-height: 0;padding: 0;overflow: hidden}.cat-flyout .flav-tabs{width: 200px;flex: 0 0 200px;gap: 3px;padding: 12px 10px;overflow-y: auto;border-right: 1px solid var(--line-soft)}.cat-flyout .flav-tab{gap: 10px;padding: 10px 12px;border-radius: 10px;border-left: 3px solid transparent}.cat-flyout .flav-tab:hover{background: color-mix(in srgb,var(--sog-text) 4%,transparent)}.cat-flyout .flav-tab-active{border-left-color: var(--cat-color);background: color-mix(in srgb,var(--cat-color) 12%,transparent)}.cat-flyout .flav-tab-emoji{font-size: 1.1rem}.cat-flyout .flav-tab-nome{font-size: 0.8rem;font-weight: 600}.cat-flyout .flav-tab-active .flav-tab-nome{color: var(--sog-text)}.cat-flyout .flav-panels{flex: 1;min-width: 0;overflow-y: auto;padding: 18px 20px 22px}.cat-flyout .flav-panel.flav-panel-active{display: grid;grid-template-columns: repeat(auto-fill,minmax(92px,1fr));gap: 16px 10px}.cat-flyout .flav-panel .flavor{width: auto !important;height: auto !important;padding: 0;margin: 0;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;filter: none;transform: none}.cat-flyout .flav-panel .flavor:hover{transform: none;box-shadow: none;filter: none}.cat-flyout .flavor label{position: relative;display: flex;flex-direction: column;align-items: center;gap: 7px;width: 100%;cursor: pointer}.flav-img{width: 66px;height: 66px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 2px solid color-mix(in srgb,var(--sog-text) 8%,transparent);background: color-mix(in srgb,var(--sog-text) 3%,transparent);overflow: hidden;transition: border-color 0.2s ease,box-shadow 0.25s ease,transform 0.2s ease,background 0.2s ease}.cat-flyout .flav-img img{width: 76% !important;height: 76% !important;object-fit: contain;filter: grayscale(0.85);opacity: 0.7;transition: filter 0.2s ease,opacity 0.2s ease}.flav-name{max-width: 100%;font-size: 0.72rem;font-weight: 600;line-height: 1.2;text-align: center;color: var(--f-muted);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.cat-flyout .flavor:hover .flav-img{border-color: var(--cat-color);transform: translateY(-2px)}.cat-flyout .flavor:hover .flav-img img{filter: none;opacity: 1}.cat-flyout .flavor:hover .flav-name{color: var(--f-text)}.cat-flyout .flavor.flavactive .flav-img{border-color: var(--cat-color);background: color-mix(in srgb,var(--cat-color) 16%,transparent);box-shadow: 0 0 0 3px color-mix(in srgb,var(--cat-color) 22%,transparent),0 0 18px color-mix(in srgb,var(--cat-color) 40%,transparent)}.cat-flyout .flavor.flavactive .flav-img img{filter: none;opacity: 1}.cat-flyout .flavor.flavactive .flav-name{color: var(--sog-text)}.cat-flyout .flavor.flavactive label::after{content: '✓';position: absolute;top: -2px;left: calc(50% + 20px);width: 18px;height: 18px;border-radius: 50%;background: var(--cat-color);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font-size: 0.62rem;font-weight: 900;line-height: 18px;text-align: center}.cat-flyout .fly-body.dis-wrapper{display: flex;flex-direction: column;padding: 0;overflow: hidden}.cat-flyout .dis-selected-bar.has-items{padding: 10px 18px}.cat-flyout .dis-tag{border-color: color-mix(in srgb,var(--ic) 45%,transparent);background: color-mix(in srgb,var(--ic) 14%,transparent);color: var(--ic)}.cat-flyout .dis-container{flex: 1;min-height: 0}.cat-flyout .dis-tabs{width: 210px;flex: 0 0 210px;padding: 12px 10px;gap: 3px;overflow-y: auto;border-right: 1px solid var(--line-soft)}.cat-flyout .dis-tab{gap: 10px;padding: 10px 12px;border-radius: 10px}.cat-flyout .dis-tab:hover{background: color-mix(in srgb,var(--sog-text) 4%,transparent)}.cat-flyout .dis-tab-active{background: color-mix(in srgb,var(--cat-col) 12%,transparent)}.cat-flyout .dis-tab-emoji{font-size: 1.1rem}.cat-flyout .dis-tab-nome{font-size: 0.74rem}.cat-flyout .dis-badge{top: 50%;right: 10px;transform: translateY(-50%)}.cat-flyout .dis-panels{flex: 1;min-width: 0;max-height: none;overflow-y: auto;padding: 18px 20px 22px}.cat-flyout .dis-panel.dis-panel-active{display: grid;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));gap: 10px}.cat-flyout .dis-chip{width: auto !important;padding: 12px 6px 10px;border-radius: 14px;border: 1px solid var(--line-soft);background: color-mix(in srgb,var(--sog-text) 2.5%,transparent)}.cat-flyout .dis-chip-img{width: 44px !important;height: 44px !important}.cat-flyout .dis-chip-label{font-size: 0.66rem}.cat-flyout .eff-container .effect{--ic: var(--cat-color)}.cat-flyout .eff-container .flav-panel.flav-panel-active{grid-template-columns: repeat(auto-fill,minmax(108px,1fr));gap: 12px}.cat-flyout .effect{width: auto;height: auto;margin: 0;border-radius: 16px !important;border: 1px solid var(--line-soft);background: color-mix(in srgb,var(--sog-text) 2.5%,transparent) !important;box-shadow: none !important;transition: border-color 0.2s ease,background 0.2s ease,transform 0.2s ease,box-shadow 0.25s ease}.cat-flyout .effect:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--ic) 50%,transparent);box-shadow: 0 8px 20px rgba(0,0,0,0.35) !important}.cat-flyout .effect.effactive{border-color: var(--ic);background: color-mix(in srgb,var(--ic) 13%,transparent) !important;box-shadow: 0 0 0 1px var(--ic),0 0 18px color-mix(in srgb,var(--ic) 30%,transparent) !important}.cat-flyout .effect label{position: relative;display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 14px 8px 12px;cursor: pointer}.eff-img{width: 54px;height: 54px;display: flex;align-items: center;justify-content: center}.cat-flyout .eff-img img{width: 100% !important;height: 100% !important;object-fit: contain;opacity: 0.75;transition: opacity 0.2s ease,transform 0.2s ease}.cat-flyout .effect:hover .eff-img img,.cat-flyout .effect.effactive .eff-img img{opacity: 1;transform: scale(1.06)}.eff-name{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;text-align: center;color: var(--f-muted)}.cat-flyout .effect.effactive .eff-name{color: var(--sog-text)}.cat-flyout .effect.effactive label::after{content: '✓';position: absolute;top: 7px;right: 8px;width: 18px;height: 18px;border-radius: 50%;background: var(--ic);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font-size: 0.62rem;font-weight: 900;line-height: 18px;text-align: center}.cat-flyout .fly-body.availa{display: flex;flex-wrap: wrap;gap: 10px;justify-content: flex-start;align-content: flex-start;text-align: center;padding: 20px}.cat-flyout .availacheck{width: auto !important;min-width: 88px;margin: 0 !important;padding: 12px 16px !important;display: flex;flex-direction: column;align-items: center;gap: 2px;border-radius: 16px !important;border: 1px solid var(--line-soft) !important;background: color-mix(in srgb,var(--sog-text) 2.5%,transparent) !important;font-weight: normal}.cat-flyout .availacheck:hover{border-color: color-mix(in srgb,var(--ic) 50%,transparent) !important}.cat-flyout .availacheck.avaactive{border-color: var(--ic) !important;background: color-mix(in srgb,var(--ic) 15%,transparent) !important;color: var(--sog-text) !important;box-shadow: 0 0 16px color-mix(in srgb,var(--ic) 30%,transparent)}.ava-num{font: 800 1.5rem var(--sog-font-head);line-height: 1.1}.ava-unit{font-size: 0.66rem;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;opacity: 0.75}.cat-flyout .availacheck.avaactive .ava-num{color: var(--ic)}.ava-price-note{display: none;width: 100%;margin: 6px 0 0;font-size: 0.75rem;text-align: left;color: var(--f-gold)}.cat-layout:has(#pricecheck:checked) .ava-price-note{display: block}.cat-flyout .fly-body.range-body{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;padding: 20px}.cat-flyout #growpanel .fly-body.range-body{grid-template-columns: repeat(2,minmax(0,1fr))}.cat-flyout .range-card{width: auto !important;max-width: none !important;flex: none !important;padding: 20px 16px 16px !important;border-radius: 18px;border: 1px solid var(--line-soft);background: color-mix(in srgb,var(--sog-text) 2%,transparent)}.cat-flyout .range-card .filter-header-row{margin-bottom: 14px !important}.range-ends{display: flex;justify-content: space-between;width: 90%;margin: 12px auto 0;font-size: 0.66rem;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;color: var(--f-muted)}.range-hint{grid-column: 1 / -1;margin: 0;font-size: 0.72rem;text-align: center;color: var(--f-muted)}@media (max-width: 899.98px){.cat-layout,.cat-layout.rail-expanded{--rail-w: 0px;grid-template-columns: minmax(0,1fr)}.cat-rail{position: fixed;top: 0;left: 0;bottom: 0;width: min(88vw,360px);height: 100vh;height: 100dvh;z-index: 1100;border-right: 1px solid var(--line);box-shadow: 20px 0 50px rgba(0,0,0,0.5);transform: translateX(-102%);visibility: hidden;transition: transform 0.26s ease,visibility 0s linear 0.26s}.cat-layout.drawer-open .cat-rail{transform: none;visibility: visible;transition: transform 0.26s ease}.rail-head{padding: 14px 16px;border-bottom: 1px solid var(--line)}.rail-toggle{display: none}.rail-drawer-close{display: flex}.rail-scroll{padding: 12px 14px}.cat-rail .rail-item{height: 52px !important;min-height: 52px;border-radius: 26px !important;padding-left: 4px !important}.cat-rail .rail-item .rail-caret{margin-right: 16px}.cat-rail .rail-item.filteractive{background: color-mix(in srgb,var(--ic) 9%,transparent) !important}.cat-rail .drop-badge{left: 33px;top: 1px}.rail-done{display: block;height: 48px;margin-top: 6px;border: 0;border-radius: 24px;background: var(--f-green);color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg));font: 800 0.85rem var(--sog-font-body);letter-spacing: 0.6px;text-transform: uppercase;cursor: pointer}.cat-backdrop{top: 0;z-index: 1090}.cat-toolbar{position: sticky;top: var(--header-h,72px);justify-content: space-between;padding: 8px 12px}.cat-filters-btn{display: inline-flex}.cat-sort-label{display: none}.cat-sort-btn{max-width: 44vw}.cat-sort-btn span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cat-flyout{top: 0;left: 0;bottom: 0;width: min(88vw,360px);max-height: none;height: 100vh;height: 100dvh;z-index: 1110;border-radius: 0;border-width: 0 1px 0 0;opacity: 1;transform: translateX(-102%);transition: transform 0.24s ease,visibility 0s linear 0.24s}.cat-flyout.is-open{transform: none;transition: transform 0.24s ease}.fly-head{padding: 12px 12px 12px 10px;gap: 8px}.fly-back{display: flex}.fly-close{display: none}.fly-ico{width: 32px;height: 32px;flex-basis: 32px}.fly-title{font-size: 0.9rem}.cat-flyout .fly-body{padding: 14px}.bank-tools{padding: 12px 14px 10px}.bank-alpha{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;padding-bottom: 2px}.bank-alpha::-webkit-scrollbar{display: none}.bank-alpha-btn{flex: 0 0 30px}.cat-flyout .bankol{padding: 4px 14px 16px}.cat-flyout .bank-group{grid-template-columns: 36px minmax(0,1fr);gap: 10px}.cat-flyout .iniziale{width: 34px;height: 34px;font-size: 0.95rem}.cat-flyout .bank-group-chips{grid-template-columns: minmax(0,1fr)}.cat-flyout .fly-body.flav-container,.cat-flyout .dis-container{flex-direction: column}.cat-flyout .flav-tabs,.cat-flyout .dis-tabs{width: 100%;flex: 0 0 auto;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;padding: 8px 10px;border-right: 0;border-bottom: 1px solid var(--line-soft);scrollbar-width: none}.cat-flyout .flav-tab,.cat-flyout .dis-tab{flex: 0 0 auto;min-width: 0;flex-direction: row;padding: 8px 12px;border-left: 0;border-bottom: 2px solid transparent;border-radius: 18px;white-space: nowrap}.cat-flyout .flav-tab-active{border-bottom-color: transparent;box-shadow: inset 0 0 0 1.5px var(--cat-color)}.cat-flyout .dis-tab-active{border-bottom-color: transparent;box-shadow: inset 0 0 0 1.5px var(--cat-col)}.cat-flyout .dis-tab-nome{font-size: 0.68rem}.cat-flyout .dis-badge{position: static;transform: none}.cat-flyout .flav-panels,.cat-flyout .dis-panels{padding: 14px}.cat-flyout .flav-panel.flav-panel-active{grid-template-columns: repeat(3,minmax(0,1fr))}.cat-flyout .dis-panel.dis-panel-active{grid-template-columns: repeat(2,minmax(0,1fr))}.cat-flyout .dis-chip{width: auto !important}.cat-flyout .eff-container .flav-panel.flav-panel-active{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.eff-img{width: 44px;height: 44px}.cat-flyout .availacheck{min-width: calc(33.333% - 7px)}.cat-flyout .fly-body.range-body,.cat-flyout #growpanel .fly-body.range-body{grid-template-columns: minmax(0,1fr);padding: 14px}}.cat-rail .rail-item .rail-ico,.cat-rail .drop .rail-ico{border-color: color-mix(in srgb,var(--ic) 45%,transparent);color: var(--ic) !important}.cat-rail .rail-item .rail-ico svg,.cat-rail .rail-item .rail-ico i{color: var(--ic) !important}.cat-rail .rail-item{color: var(--f-text)}.cat-rail .rail-item .rail-ico{transition: border-color 0.2s ease,background 0.2s ease,box-shadow 0.25s ease,transform 0.2s ease,color 0.2s ease,filter 0.2s ease}.cat-rail .rail-item:not(:hover):not(.filteractive):not(.dropactive) .rail-ico{filter: grayscale(1)}.cat-flyout .flav-img img{filter: none;opacity: 0.9}.cat-flyout .eff-img img{opacity: 1}.cat-rail .rail-item.is-unavailable,.cat-flyout .bnkchk.is-unavailable,.cat-flyout .flavor.is-unavailable,.cat-flyout .effect.is-unavailable,.cat-flyout .disease.is-unavailable,.cat-flyout .availacheck.is-unavailable{opacity: 0.28 !important;filter: grayscale(1) !important;cursor: not-allowed !important}.cat-rail .rail-item.is-unavailable *,.cat-flyout .is-unavailable label,.cat-flyout .is-unavailable label *{cursor: not-allowed !important}.cat-rail .rail-item.is-unavailable:hover .rail-ico{transform: none;box-shadow: none;background: color-mix(in srgb,var(--sog-text) 3%,transparent)}.cat-flyout .flavor.is-unavailable:hover .flav-img{transform: none}.cat-flyout .bank-alpha-btn.is-dim,.cat-flyout .flav-tab.is-dim,.cat-flyout .dis-tab.is-dim{opacity: 0.35}.cat-rail .rail-item.filteractive .rail-ico,.cat-rail .drop.filteractive .rail-ico{background: var(--ic) !important;border-color: var(--ic) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--ic) 25%,transparent),0 0 18px color-mix(in srgb,var(--ic) 55%,transparent)}.cat-rail .rail-item.filteractive .rail-ico svg,.cat-rail .rail-item.filteractive .rail-ico i{color: color-mix(in srgb,var(--sog-accent) 8%,var(--sog-bg)) !important}.cat-rail .rail-item.filteractive .rail-label{color: var(--sog-text) !important;font-weight: 800}.cat-rail .rail-item:not(.filteractive):not(.dropactive) .rail-label{color: color-mix(in srgb,var(--f-text) 75%,transparent) !important}.cat-rail .rail-scroll .rail-item:not(.is-unavailable):hover .rail-ico,.cat-rail .rail-scroll .rail-item:not(.is-unavailable):focus-visible .rail-ico{opacity: 1}.cat-rail .rail-scroll .rail-item:not(.is-unavailable):hover .rail-label{color: var(--f-text) !important}.cat-rail .drop.dropactive:not(.filteractive) .rail-ico{background: color-mix(in srgb,var(--ic) 12%,transparent) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--ic) 18%,transparent)}.fly-title{min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (min-width: 900px){.cat-flyout:has(#checkflav.droppyactive),.cat-flyout:has(#disdroppy.droppyactive){width: min(820px,calc(100vw - var(--rail-w) - 40px))}.cat-flyout:has(#effdroppy.droppyactive){width: min(700px,calc(100vw - var(--rail-w) - 40px))}.cat-flyout:has(#dispo.droppyactive){width: min(560px,calc(100vw - var(--rail-w) - 40px))}.cat-flyout:has(#rangedrop.droppyactive){width: min(820px,calc(100vw - var(--rail-w) - 40px))}.cat-flyout:has(#growpanel.droppyactive){width: min(620px,calc(100vw - var(--rail-w) - 40px))}.cat-flyout .flav-tabs,.cat-flyout .dis-tabs{width: 190px;flex-basis: 190px}.cat-flyout .flav-panel.flav-panel-active{grid-template-columns: repeat(auto-fill,minmax(96px,1fr));gap: 18px 8px}.cat-flyout .dis-panel.dis-panel-active{grid-template-columns: repeat(auto-fill,minmax(124px,1fr))}.cat-flyout .eff-container .flav-panel.flav-panel-active{grid-template-columns: repeat(auto-fill,minmax(116px,1fr));gap: 12px}}.cat-flyout .dis-panels,.cat-flyout .flav-panels{justify-items: stretch;align-content: start}.cat-flyout .flav-panel.flav-panel-active{width: 100%;align-content: start}.cat-flyout .dis-panel.dis-panel-active{grid-auto-rows: 1fr}.cat-flyout .dis-chip label{height: 100%;justify-content: flex-start}.cat-flyout .dis-chip-label{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.25}.cat-flyout .dis-panel.dis-panel-active{width: 100%}.cat-flyout .flav-name{color: var(--f-text);opacity: 0.8}.cat-flyout .flavor.flavactive .flav-name{opacity: 1;font-weight: 800}.cat-flyout .flav-img{background: color-mix(in srgb,var(--sog-text) 3.5%,transparent)}.cat-flyout .dis-chip{transition: border-color 0.2s ease,background 0.2s ease,transform 0.2s ease,box-shadow 0.25s ease}.cat-flyout .dis-chip:not(.is-unavailable):hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--ic) 50%,transparent)}.cat-flyout .dis-chip.dis-chip-active{border-color: var(--ic) !important;background: color-mix(in srgb,var(--ic) 14%,transparent) !important;box-shadow: 0 0 0 1px var(--ic),0 0 18px color-mix(in srgb,var(--ic) 30%,transparent)}.cat-flyout .dis-chip-label{color: var(--f-text);opacity: 0.85}.cat-flyout .dis-chip.dis-chip-active .dis-chip-label{color: var(--sog-text);opacity: 1;font-weight: 800}.cat-flyout .eff-name{color: var(--f-text);opacity: 0.85}.cat-flyout .fly-body.availa{display: grid;grid-template-columns: repeat(auto-fill,minmax(96px,1fr));gap: 10px}.cat-flyout .availacheck{min-width: 0 !important;color: var(--f-text) !important;cursor: pointer}.cat-flyout .availacheck:not(.avaactive):not(.is-unavailable){border-color: color-mix(in srgb,var(--ic) 28%,transparent) !important}.cat-flyout .availacheck .ava-num{color: var(--f-text)}.cat-flyout .availacheck.avaactive{background: color-mix(in srgb,var(--ic) 22%,transparent) !important}.cat-flyout .availacheck.avaactive .ava-unit{opacity: 1}.cat-flyout .ava-price-note{grid-column: 1 / -1}@media (max-width: 899.98px){.cat-flyout .flav-panel.flav-panel-active{grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px 4px}.cat-flyout .flav-img{width: 56px;height: 56px}.cat-flyout .flav-name{font-size: 0.66rem}.cat-flyout .dis-panel.dis-panel-active{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.cat-flyout .dis-chip{padding: 10px 4px 8px}.cat-flyout .dis-chip-img{width: 38px !important;height: 38px !important}.cat-flyout .dis-chip-label{font-size: 0.6rem}.cat-flyout .eff-container .flav-panel.flav-panel-active{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.cat-flyout .fly-body.availa{grid-template-columns: repeat(3,minmax(0,1fr));padding: 14px}.fly-title{font-size: 0.8rem;letter-spacing: 0.5px}.fly-clear{padding-left: 8px;padding-right: 8px}.cat-flyout .availacheck{padding: 12px 6px !important}}