#MainContent [id$=__custom_liquid_PTd7Vy]>.gradient>div{padding-top:0!important;padding-bottom:0!important}#MainContent .brand-directory{--brand-accent:#6500A5;position:relative;width:100%;max-width:none;margin:0;padding:0 24px clamp(65px,7vw,108px);background:#f8f7fa;color:#29232f;font-family:var(--font-body-family)}#MainContent .brand-directory__intro{position:relative;isolation:isolate;width:calc(100% + 48px);max-width:none;margin:0 -24px clamp(35px,4.6vw,64px);padding:clamp(64px,7.5vw,112px) max(24px,calc((100vw - 1200px)/2)) clamp(59px,6.4vw,91px);overflow:hidden;border-bottom:4px solid #82C948;background:radial-gradient(ellipse at 93% 15%,rgba(122,59,165,.37),transparent 51%),linear-gradient(117deg,#241b2e,#362541 58%,#28212f);text-align:left}#MainContent .brand-directory__intro:before{content:"941 SKATE SHOP  /  THE BRANDS WE RIDE";display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#b9e997;font-family:var(--font-body-family);font-size:clamp(1.2rem,1.03vw,1.43rem);font-weight:820;line-height:1.45;letter-spacing:.13em}#MainContent .brand-directory__intro:after{content:"941";position:absolute;top:3%;right:-1%;z-index:-1;color:#ffffff0b;font-family:var(--font-heading-family);font-size:clamp(155px,26vw,390px);font-weight:850;letter-spacing:-.085em;line-height:.9;pointer-events:none}#MainContent .brand-directory__intro h1{max-width:1050px;margin:0;color:#fff;font-family:var(--font-heading-family);font-size:clamp(6.3rem,10vw,13.2rem);font-weight:820;letter-spacing:-.065em;line-height:.91;text-transform:uppercase;text-wrap:balance}#MainContent .brand-directory__intro>p:not(.brand-directory__total){max-width:805px;margin:clamp(25px,3.4vw,43px) 0 0;color:#e8e0ed;font-family:var(--font-body-family);font-size:clamp(1.65rem,1.75vw,2.27rem);font-weight:530;letter-spacing:0;line-height:1.58}#MainContent .brand-directory__intro .brand-directory__total{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;margin:clamp(21px,2.5vw,34px) 0 0!important;padding:9px 13px;border:1px solid rgba(185,233,151,.4);border-radius:8px;background:#b9e9971a;color:#eaf4e3;font-size:clamp(1.35rem,1.2vw,1.6rem);font-weight:660;line-height:1.4}#MainContent .brand-directory__total strong{color:#b9e997;font-weight:850}#MainContent .brand-directory__controls{width:min(1200px,100%);margin:0 auto clamp(30px,3vw,45px)}#MainContent .brand-directory__search-wrap{width:min(100%,720px);max-width:720px;margin:0 auto}#MainContent .brand-directory__search{min-height:61px;padding:13px 57px 13px 22px;border:1px solid #D9CDDF;border-radius:12px;background:#fff;color:#29232f;font-family:var(--font-body-family);font-size:clamp(1.6rem,1.35vw,1.8rem);font-weight:550;letter-spacing:0;box-shadow:0 8px 25px #2817320b}#MainContent .brand-directory__search::placeholder{color:#827a85;opacity:1}#MainContent .brand-directory__search:focus{border-color:#6500a5;box-shadow:0 0 0 4px #6500a51a}#MainContent .brand-directory__clear{right:11px;width:38px;height:38px;border-radius:9px;background:#f2ecf6;color:#6500a5;font-size:2.4rem}#MainContent .brand-directory__clear:hover{background:#e8dcf0}#MainContent .brand-directory__filter-summary{margin:15px 0 21px;color:#635a68;font-size:clamp(1.35rem,1.15vw,1.54rem);font-weight:580;text-align:center;opacity:1}#MainContent .brand-directory__filter-summary strong{color:#6500a5;font-weight:830}#MainContent .brand-directory__alphabet-wrap{top:8px;z-index:20;margin-top:15px;padding:11px 13px;border:1px solid #E8E0EA;border-radius:13px;background:#f8f7faf5;box-shadow:0 8px 24px #26162d0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#MainContent .brand-directory__alphabet{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}#MainContent .brand-letter{min-width:39px;min-height:40px;padding:7px 10px;border:1px solid #DED5E2;border-radius:9px;background:#fff;color:#4e4455;font-size:1.35rem;font-weight:810;line-height:1.1;letter-spacing:.01em}#MainContent .brand-letter:hover:not(:disabled){color:#6500a5;border-color:#ae80c7;background:#f5eef9}#MainContent .brand-letter.is-active{background:#6500a5;border-color:#6500a5;color:#fff;box-shadow:0 4px 10px #6500a52e}#MainContent .brand-letter:disabled{opacity:.25;cursor:not-allowed}#MainContent .brand-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1200px,100%);gap:clamp(15px,2vw,24px);margin:0 auto}#MainContent .brand-card{position:relative;min-height:245px;border:1px solid #E5DDE8;border-radius:17px;background:#fff;color:#29232f;box-shadow:0 8px 26px #24182c0c;transform:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}#MainContent .brand-card:hover{transform:translateY(-3px);border-color:#cab2d7;box-shadow:0 17px 34px #24182c1c}#MainContent .brand-card:after{height:4px;background:#82c948}#MainContent .brand-card__content{width:100%;padding:18px 18px 16px}#MainContent .brand-card__image{width:100%;height:176px;min-width:0;margin:0;background:#fff}#MainContent .brand-card__image img{width:100%;height:100%;object-fit:contain;object-position:center}#MainContent .brand-card__image--fallback{color:#6500a5;font-family:var(--font-heading-family);font-size:3.7rem;font-weight:790;opacity:.58}#MainContent .brand-card__footer{gap:11px;margin-top:16px;padding-top:15px;border-top:1px solid #E9E3EB}#MainContent .brand-card__title{min-width:0;color:#29232f;font-family:var(--font-heading-family);font-size:clamp(1.45rem,1.16vw,1.7rem);font-weight:750;line-height:1.25;letter-spacing:-.012em}#MainContent .brand-card__arrow{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:#f0eaf4;color:#6500a5;font-size:2rem}#MainContent .brand-card:hover .brand-card__arrow{background:#82c948;color:#26351c}#MainContent .brand-directory__empty{max-width:730px;margin:30px auto 0;padding:29px;border:1px dashed #C4ADCF;border-radius:13px;background:#fff;color:#554b5b;font-size:1.6rem}#MainContent .brand-directory input:focus-visible,#MainContent .brand-directory button:focus-visible,#MainContent .brand-directory a:focus-visible{outline:3px solid #82C948;outline-offset:3px}#MainContent [id$=__newsletter] .newsletter__wrapper{padding:clamp(34px,4.4vw,58px) 24px;background:#fff}#MainContent [id$=__newsletter] .newsletter__wrapper .h1{color:#29232f;font-family:var(--font-heading-family);font-size:clamp(2.9rem,3.6vw,4.8rem);font-weight:780;line-height:1.1;letter-spacing:-.04em}#MainContent [id$=__newsletter] .newsletter__subheading{color:#69616d;font-size:1.56rem}#MainContent [id$=__newsletter] .newsletter-form__button{color:#6500a5}@media(max-width:1099px){#MainContent .brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){#MainContent .brand-directory{padding:0 14px 57px}#MainContent .brand-directory__intro{width:calc(100% + 28px);margin:0 -14px 27px;padding:56px 18px 57px}#MainContent .brand-directory__intro h1{font-size:clamp(5.4rem,14.5vw,8rem);line-height:.94}#MainContent .brand-directory__intro>p:not(.brand-directory__total){margin-top:25px;font-size:1.7rem}#MainContent .brand-directory__intro:before{font-size:1.23rem;letter-spacing:.09em}#MainContent .brand-directory__search{min-height:56px;font-size:1.6rem}#MainContent .brand-directory__controls{margin-bottom:23px}#MainContent .brand-directory__alphabet-wrap{top:5px;margin-left:-14px;margin-right:-14px;padding:10px 14px;border-left:0;border-right:0;border-radius:0}#MainContent .brand-directory__alphabet{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}#MainContent .brand-letter{min-width:39px;min-height:41px;flex:0 0 auto;padding:7px 11px;font-size:1.39rem}#MainContent .brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#MainContent .brand-card{min-height:190px;border-radius:13px}#MainContent .brand-card__content{padding:12px}#MainContent .brand-card__image{height:131px}#MainContent .brand-card__footer{margin-top:11px;padding-top:11px;gap:7px}#MainContent .brand-card__title{font-size:1.37rem;font-weight:780;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}#MainContent .brand-card__arrow{flex-basis:29px;width:29px;height:29px;font-size:1.8rem;border-radius:8px}}@media(max-width:360px){#MainContent .brand-directory__grid{gap:9px}#MainContent .brand-card__content{padding:9px}#MainContent .brand-card__image{height:116px}#MainContent .brand-card__title{font-size:1.29rem}}@media(prefers-reduced-motion:reduce){#MainContent .brand-card,#MainContent .brand-card__image img,#MainContent .brand-card__arrow,#MainContent .brand-letter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/941-brand-directory-redesign-lab.css.map */