section.nagi-brands-section h2{margin-bottom:1.5rem}section.nagi-brands-section .section-description{margin-bottom:.5rem;max-width:500px;font-size:1rem}section.nagi-brands-section ul.a-z-filter{position:sticky;margin-bottom:50px;top:0;background-color:#fff;display:flex;gap:5px;justify-content:space-between;padding:0 12px;border:1px solid #E9D8D1;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:10}section.nagi-brands-section ul.a-z-filter::-webkit-scrollbar{display:none}section.nagi-brands-section ul.a-z-filter:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}section.nagi-brands-section ul.a-z-filter li{padding:15px 0 12px;text-transform:capitalize;min-width:30px;margin-bottom:0;text-align:center;cursor:pointer;font-size:large}section.nagi-brands-section ul.a-z-filter li:not(.inactive):hover{background-color:#38774f1a}section.nagi-brands-section ul.a-z-filter li.active{background-color:var(--COLOR-PRIMARY)!important;color:#fff}section.nagi-brands-section ul.a-z-filter li.inactive{color:#e9d8d1;cursor:not-allowed}section.nagi-brands-section .list-group{margin-top:10px}section.nagi-brands-section .list-group p.letter-label{text-transform:uppercase;font-size:2.4em;border-bottom:#E9D8D1 solid 1px;padding-bottom:2px;padding-left:10px}section.nagi-brands-section .list-group ul.brands{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:30px 40px}@media only screen and (max-width: 1000px){section.nagi-brands-section .list-group ul.brands{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 800px){section.nagi-brands-section .list-group ul.brands{grid-template-columns:1fr 1fr}}section.nagi-brands-section .list-group ul.brands li.brand span,section.nagi-brands-section .list-group ul.brands li.brand a{font-size:1rem;opacity:.6}section.nagi-brands-section .list-group ul.brands li.brand a:hover{opacity:1}.loading-container{display:flex;justify-content:center;align-items:center;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container .loading-spinner{width:60px;height:60px;border:8px solid rgba(56,119,79,.1);border-top-color:var(--COLOR-PRIMARY);border-radius:50%;animation:spin 1s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nagi-brands.css.map */