.ds-brands,.ds-brand-hero,.ds-az{color:var(--diysmith-navy)}.ds-brands *,.ds-az *,.ds-brand-hero *{box-sizing:border-box}.ds-brands a:focus-visible,.ds-az a:focus-visible,.ds-brand-hero a:focus-visible{outline:3px solid #01488E;outline-offset:2px}.ds-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ds-brand-grid>li{min-width:0}@media(min-width:480px){.ds-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:800px){.ds-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media(min-width:1100px){.ds-brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.ds-brand-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;height:100%;padding:18px 12px 20px;border:1px solid var(--diysmith-border);border-radius:12px;background:#fff;color:var(--diysmith-navy);text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ds-brand-tile__name{font-size:clamp(1rem,.95rem + .3vw,1.1875rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.ds-brand-tile__count{font-size:.8125rem;color:#475569}.ds-brand-tile:after{content:"";position:absolute;left:50%;bottom:10px;width:28px;height:3px;margin-left:-14px;border-radius:2px;background:var(--diysmith-orange);transform:scaleX(0);transition:transform .18s ease}@media(hover:hover){.ds-brand-tile:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 18px #04204f14}.ds-brand-tile:hover:after{transform:scaleX(1)}}.ds-brand-tile:focus-visible:after{transform:scaleX(1)}.ds-brand-tile--logo{justify-content:flex-start;padding:14px 12px 18px}.ds-brand-tile__logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px;background:#fff}.ds-brand-tile__logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.ds-brand-tile__label{font-size:.8125rem;font-weight:600;line-height:1.2;color:#334155;overflow-wrap:anywhere}.ds-az .ds-brand-tile--logo{padding:12px 10px 16px}.ds-az .ds-brand-tile__logo{height:56px}.ds-brand-mark--logo{flex-direction:column;gap:12px}.ds-brand-mark__logo{display:flex;align-items:center;justify-content:center;width:100%;height:96px}.ds-brand-mark__logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.ds-brand-mark--logo .ds-brand-mark__name{font-size:clamp(1.25rem,1.1rem + .8vw,1.75rem)}.ds-brands__more{display:flex;justify-content:center;margin-top:24px}.ds-brands__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 28px;border-radius:10px;text-decoration:none}.ds-brand-hero__row{display:grid;gap:20px;margin-top:20px;align-items:center}@media(min-width:800px){.ds-brand-hero__row{grid-template-columns:minmax(260px,360px) 1fr;gap:32px}}.ds-brand-mark{display:flex;align-items:center;justify-content:center;min-height:140px;padding:24px;border:1px solid var(--diysmith-border);border-radius:14px;background:#fff;box-shadow:inset 0 -4px 0 var(--diysmith-orange)}.ds-brand-mark__name{margin:0;font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-align:center;color:var(--diysmith-navy);overflow-wrap:anywhere}.ds-brand-hero__intro{font-size:1.0625rem;line-height:1.6;color:#334155}.ds-brand-hero__intro p{margin:0 0 .5em}.ds-brand-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px;font-size:.9375rem}.ds-brand-hero__meta a{color:var(--diysmith-link);font-weight:600}.ds-brand-empty{margin:32px 0 48px;padding:28px 20px;border:1px dashed #CBD5E1;border-radius:14px;background:var(--diysmith-surface);text-align:center}.ds-brand-empty__title{margin:0 0 8px;font-size:1.25rem;font-weight:800;color:var(--diysmith-navy)}.ds-brand-empty__text{margin:0 auto 20px;max-width:560px;color:#334155;line-height:1.6}.ds-brand-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ds-brand-empty__actions a{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px;border-radius:10px;text-decoration:none}.ds-az__intro{max-width:760px;color:#334155;line-height:1.6}.ds-az__jump{position:sticky;top:var(--sticky-area-height, 0px);z-index:2;margin:24px 0 8px;padding:10px 0;background:#fff;border-bottom:1px solid var(--diysmith-border)}.ds-az__jump ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ds-az__jump a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 8px;border:1px solid var(--diysmith-border);border-radius:8px;color:var(--diysmith-navy);font-weight:700;text-decoration:none}@media(hover:hover){.ds-az__jump a:hover{border-color:var(--diysmith-orange);color:var(--diysmith-orange-aa)}}.ds-az__group{padding-top:24px;scroll-margin-top:calc(var(--sticky-area-height, 0px) + 72px)}.ds-az__letter{margin:0 0 12px;padding-bottom:6px;border-bottom:3px solid var(--diysmith-orange);display:inline-block;font-size:1.5rem;font-weight:800;color:var(--diysmith-navy)}.ds-az .ds-brand-tile{min-height:72px;padding:14px 10px 16px}.ds-az .ds-brand-tile__name{font-size:1rem}@media(prefers-reduced-motion:reduce){.ds-brand-tile,.ds-brand-tile:after{transition:none}.ds-brand-tile:hover{transform:none}}.ds-brand-tile:not(.ds-brand-tile--logo){justify-content:flex-start;gap:8px}.ds-brand-tile__plate{display:grid;place-items:center;flex:none;width:100%;height:64px;padding:0 8px;border-radius:8px;background:#f3f4f6}.ds-brand-tile__plate span{position:relative;padding-bottom:6px;color:#04204f;font-size:.9375rem;font-weight:800;letter-spacing:.06em;line-height:1.15;text-transform:uppercase;text-align:center;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.ds-brand-tile__plate span:after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:3px;margin-left:-11px;border-radius:3px;background:#e76d2d}.ds-brand-tile:not(.ds-brand-tile--logo) .ds-brand-tile__name{font-size:.8125rem;font-weight:600;color:#334155}.ds-az .ds-brand-tile__plate{height:56px}.ds-az .ds-brand-tile__plate span{font-size:.8125rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-brands.css.map */