.custom-brand-greeting .title{margin:0 0 2rem}.custom-brand-container{display:grid;grid-template-columns:49% 49%;gap:2%;width:100%}.custom-brand__header-image{display:flex;justify-content:center;box-sizing:border-box;grid-column:2}.custom-brand__header-image a{display:flex;height:100%;width:100%;justify-content:center}.custom-brand__header-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.custom-brand_search{display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;border-radius:var(--media-radius);background-color:#fff;box-sizing:border-box;grid-column:1}.custom-brand_search-form{width:90%;display:flex;justify-content:flex-end;gap:1rem;align-items:center;flex-wrap:wrap}.custom-select{position:relative;flex:auto;background:#fff;border:1px solid #8080806b;border-radius:var(--media-radius);cursor:pointer;padding:10px;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;margin:0;left:-5px}.custom-select.disabled{pointer-events:none}.custom-select.disabled .custom-select-trigger{color:gray}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;font-size:16px;background:#fff;color:#666;padding-right:10px}.dropdown-arrow{margin-left:10px}.custom-select .search-input{width:100%;padding:5px;border:none;font-size:16px;background:#fff;color:#000;height:100%;box-sizing:border-box}.custom-select .search-input:focus-visible{outline:none;box-shadow:none}.custom-options{list-style:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;border-radius:var(--media-radius);border-top:none;display:none;z-index:100;padding:0;margin-top:5px;-webkit-overflow-scrolling:touch;touch-action:pan-y;-ms-touch-action:pan-y}.custom-select.open .custom-options{display:block}.custom-option{padding:10px;cursor:pointer;transition:background .3s}.custom-option:hover{color:#2884c8}.custom-option.selected{color:#000;font-weight:600}.custom-option.hidden{display:none}#submit-btn-filter{transition:background-color .3s,transform .2s;height:50px}#submit-btn-filter:hover{background-color:#005f99}#submit-btn-filter:active{transform:scale(.98)}@media screen and (max-width: 1200px){.custom-brand-container{grid-template-columns:1fr;grid-template-rows:auto auto}.custom-brand_search{grid-column:1;grid-row:2;min-height:130px;margin-top:15px}.custom-brand__header-image{max-height:130px;grid-column:1;grid-row:1}}.product-types-container ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,220px);justify-content:space-between;grid-gap:20px}@media screen and (max-width: 750px){.product-types-container ul{justify-content:space-evenly}}.product-types-container li a{width:220px;height:220px;display:flex;flex-direction:column;text-align:center;font-size:14px;background-color:#fff;border-radius:var(--media-radius);box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f}@media screen and (max-width: 510px){.product-types-container ul{grid-template-columns:repeat(auto-fill,160px)}.product-types-container li a{width:160px;height:160px}}@media screen and (max-width: 380px){.product-types-container ul{grid-template-columns:repeat(auto-fill,140px)}.product-types-container li a{width:140px;height:140px}}.product-types-container a{text-decoration:none;color:inherit}.product-types-container a:visited{color:inherit}.product-types-container a:hover,.product-types-container a:focus,.product-types-container a:active{color:inherit;box-shadow:0 4px 6px #0000001a,0 8px 12px #0000001a,0 16px 24px #0000001a}.product-types-container img{max-width:100%;width:auto;height:80%;display:block;margin:0 auto;padding:12px}.product-types-container .product-type-name{height:20%;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-brand.css.map */