body.page-id-11 .jd-brand-page-container{width:100%!important;max-width:100%!important}body.page-id-11 .jd-brand-page-container{width:min(1315px, calc(100vw - 32px))!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}body.page-id-11 #brands_a_z{direction:rtl;width:100%!important;max-width:100%!important;margin:0!important;padding:20px 0!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box}body.page-id-11 #brands_a_z .brands_index,body.page-id-11 #brands_a_z h3,body.page-id-11 #brands_a_z .top{display:none!important}body.page-id-11 #brands_a_z .brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0!important;padding:0!important;list-style:none!important}body.page-id-11 #brands_a_z .brands li{margin:0!important;padding:0!important;list-style:none!important}body.page-id-11 #brands_a_z .brands li a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:138px;padding:16px 12px 14px;background:#f8f9fb;border:1px solid #edf0f5;border-radius:16px;color:#1f2937;font-size:14px;font-weight:700;line-height:1.9;text-align:center;text-decoration:none!important;box-sizing:border-box;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}body.page-id-11 #brands_a_z .brands li a:hover{color:#1d448e;background:#fff;border-color:rgb(29 68 142 / .22);box-shadow:0 8px 22px rgb(29 68 142 / .09);transform:translateY(-2px)}body.page-id-11 #brands_a_z .brands li a img,body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-img{width:135px!important;max-width:100%!important;height:80px!important;max-height:80px!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0 auto 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap{width:135px;max-width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;background:#fff;border:1px solid rgb(17 24 39 / .045);border-radius:14px;box-sizing:border-box}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap img{margin:0!important;width:115px!important;height:64px!important}body.page-id-11 #brands_a_z .brands li a .jd-brand-title{display:block;width:100%;color:inherit;text-align:center}@media (max-width:1200px){body.page-id-11 #brands_a_z .brands{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:992px){body.page-id-11 .jd-brand-page-container{width:calc(100vw - 24px)!important}body.page-id-11 #brands_a_z{padding:18px 0!important}body.page-id-11 #brands_a_z .brands{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){body.page-id-11 .jd-brand-page-container{width:calc(100vw - 20px)!important}body.page-id-11 #brands_a_z{padding:14px 0!important;background:transparent!important}body.page-id-11 #brands_a_z .brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.page-id-11 #brands_a_z .brands li a{min-height:126px;padding:14px 8px 12px;border-radius:14px;font-size:13px}body.page-id-11 #brands_a_z .brands li a img,body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-img{width:120px!important;height:70px!important;max-height:70px!important;margin-bottom:8px!important}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap{width:120px;height:70px;border-radius:12px;margin-bottom:8px}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap img{width:104px!important;height:58px!important}}@media (max-width:420px){body.page-id-11 #brands_a_z .brands li a{min-height:118px}body.page-id-11 #brands_a_z .brands li a img,body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-img{width:110px!important;height:64px!important}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap{width:110px;height:64px}body.page-id-11 #brands_a_z .brands li a .jd-brand-logo-wrap img{width:96px!important;height:52px!important}}