/* 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: cover !important;background: #fff !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: #fff;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/bank-catalogue.css */
.bank-page{width: 100%;max-width: 1240px;margin-right: auto;margin-left: auto;padding: 1.5rem 0.75rem;line-height: 1.5}.bank-crumbs{margin: 0 0 12px}.bank-hero{display: flex;align-items: center;gap: 24px;margin: 0 0 18px;padding: 24px 26px;border-radius: 18px;background: radial-gradient(620px 240px at 92% -30%,color-mix(in srgb,var(--sog-accent) 18%,transparent),transparent 70%),radial-gradient(520px 200px at -5% 130%,rgba(99,135,182,0.18),transparent 70%),color-mix(in srgb,var(--sog-bg-2) 82%,transparent);border: 1px solid color-mix(in srgb,var(--sog-accent) 20%,transparent);box-shadow: 0 12px 40px rgba(0,0,0,0.35)}.bank-hero-logo{flex: 0 0 auto;width: 180px;aspect-ratio: 16 / 10;display: flex;align-items: center;justify-content: center;padding: 12px;border-radius: 14px;background: #fff;box-shadow: 0 6px 18px rgba(0,0,0,0.3)}.bank-hero-logo img{max-width: 100%;max-height: 100%;height: auto;object-fit: contain}.bank-hero-text{min-width: 0}.banks-kicker{display: inline-flex;align-items: center;gap: 8px;padding: 5px 12px;border-radius: 999px;background: color-mix(in srgb,var(--sog-accent) 14%,transparent);color: var(--sog-accent);font-size: 0.78rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.bank-hero h1{margin: 10px 0 6px;font-size: clamp(1.5rem,3.6vw,2.3rem);line-height: 1.15;font-weight: 900;color: var(--sog-text);letter-spacing: -0.01em}.bank-hero h1 span{display: block;margin-top: 2px;font-size: 0.5em;font-weight: 600;letter-spacing: 0.02em;color: color-mix(in srgb,var(--sog-text) 60%,transparent)}.bank-hero-sub{margin: 0;color: color-mix(in srgb,var(--sog-text) 72%,transparent);font-size: 0.98rem;line-height: 1.5}.bank-hero-total{display: inline-block;margin-left: 6px;padding: 2px 10px;border-radius: 999px;background: color-mix(in srgb,var(--sog-accent) 12%,transparent);color: var(--sog-accent);font-size: 0.85rem;font-weight: 700;font-variant-numeric: tabular-nums;white-space: nowrap}.bank-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin: 0 0 22px}.bank-search{position: relative;flex: 1 1 260px;max-width: 400px;margin: 0}.bank-search svg,.bank-search i{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);display: grid;place-items: center;width: 1rem;height: 1rem;line-height: 1;color: var(--sog-text-muted);pointer-events: none}.bank-search input{display: block;width: 100%;padding: 10px 16px 10px 42px;border-radius: 999px;border: 1px solid var(--sog-border);background: var(--sog-surface);color: var(--sog-text);font-size: 0.95rem;transition: border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.bank-search input::placeholder{color: var(--sog-text-faint);opacity: 1}.bank-search input:focus{outline: none;border-color: color-mix(in srgb,var(--sog-accent) 60%,transparent);box-shadow: 0 0 0 3px color-mix(in srgb,var(--sog-accent) 18%,transparent)}.bank-chips{display: flex;flex-wrap: wrap;gap: 8px}.bank-chips .filter-btn{display: inline-flex;align-items: center;justify-content: center;gap: 7px;padding: 7px 12px;border-radius: 999px;border: 1px solid color-mix(in srgb,var(--sog-text) 12%,transparent);background: color-mix(in srgb,var(--sog-text) 5%,transparent);color: color-mix(in srgb,var(--sog-text) 80%,transparent);font-size: 0.85rem;font-weight: 700;line-height: 1.2;transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.bank-chips .filter-btn svg,.bank-chips .filter-btn i{flex: 0 0 auto;width: 1em;height: 1em;display: inline-block}.bank-chips .filter-btn:hover:not(:disabled){color: var(--sog-text);border-color: color-mix(in srgb,var(--sog-accent) 50%,transparent)}.bank-chips .filter-btn.active{background: var(--sog-accent);border-color: var(--sog-accent);color: var(--sog-on-accent)}.bank-chips .filter-btn.active:hover:not(:disabled){background: var(--sog-accent);border-color: var(--sog-accent);color: var(--sog-on-accent)}.bank-chips .filter-btn:disabled{opacity: 0.35;cursor: not-allowed}.bank-chips .filter-btn:focus-visible{outline: 2px solid var(--sog-accent);outline-offset: 2px}.chip-count{flex: 0 0 auto;min-width: 1.6em;padding: 1px 7px;border-radius: 999px;background: rgba(0,0,0,0.28);font-size: 0.75rem;font-variant-numeric: tabular-nums;text-align: center;line-height: 1.4}.filter-btn.active .chip-count{background: rgba(6,33,15,0.18)}#vendorStrainsGrid.is-loading{pointer-events: none}@media (max-width: 767.98px){.bank-hero{flex-direction: column;align-items: flex-start;gap: 16px;padding: 20px 16px;border-radius: 14px}.bank-hero-logo{width: 150px}.bank-search{flex-basis: 100%;max-width: none}.bank-toolbar > *{min-width: 0}.bank-hero-text,.bank-hero h1{max-width: 100%;overflow-wrap: anywhere}.bank-chips{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));width: 100%}.bank-chips .filter-btn{min-width: 0;justify-content: flex-start;padding: 8px 10px;font-size: 0.82rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bank-chips .filter-btn .chip-count{margin-left: auto;flex: 0 0 auto}}.bank-chips .filter-btn.active .fa-primary,.bank-chips .filter-btn.active .fa-secondary{fill: currentColor !important}