header .navbar{border-bottom:unset}@media screen and (max-width: 1023px){#shopping-flow{display:none}}main#brands{min-height:calc(var(--vh, 1vh) * 100 - 106px)}@media screen and (max-width: 1023px){main#brands .eva-breadcrumbs-navigation{padding:16px 16px 32px}}main#brands h1.title{font-size:2.85714rem;font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#333;text-align:center;margin:0 0 24px 0}main#brands .switches{display:table;margin:0 auto 40px auto;position:relative;z-index:2}@media screen and (max-width: 1023px){main#brands .switches{display:flex;margin:0 auto}}main#brands .switches .switch{position:relative;padding-bottom:8px;border:none;font-size:1.14286rem;line-height:1.5;letter-spacing:0.8px;color:#666;cursor:pointer;width:160px;height:32px}@media (hover: hover){main#brands .switches .switch:hover,main#brands .switches .switch:active{color:#333}}@media screen and (max-width: 1023px){main#brands .switches .switch{background-color:#fff;flex:1;height:40px;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}}main#brands .switches .switch .bar{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e9e9e9;border-radius:2px}main#brands .switches .switch.active{color:#333;font-weight:bold}main#brands .switches .switch.active .bar{height:2px;background-color:#333}main#brands #content-stores{display:none;padding-bottom:120px}@media screen and (max-width: 1023px){main#brands #content-stores{padding:24px 12px 64px 12px}}main#brands #content-stores.active{display:flex;justify-content:center;flex-direction:column}main#brands #content-stores .cards{display:grid;max-width:1440px;margin:auto;width:100vw;gap:12px;padding:0 64px;grid-template-columns:repeat(auto-fill, 182px);box-sizing:border-box;justify-content:center}@media screen and (max-width: 1023px){main#brands #content-stores .cards{max-width:unset;width:100%;grid-template-columns:repeat(3, 182px);padding:0}}@media screen and (max-width: 767px){main#brands #content-stores .cards{max-width:unset;width:100%;grid-template-columns:repeat(2, 1fr);padding:0}}main#brands #content-stores .cards a .card{position:relative;max-width:182px;max-height:114px;width:182px;height:114px;background-color:#f6f7f5;border:solid 1px #f6f7f5;box-sizing:border-box}@media (hover: hover){main#brands #content-stores .cards a .card:hover,main#brands #content-stores .cards a .card:active{border:solid 1px #e9e9e9;background-color:#fff}}@media screen and (max-width: 1023px){main#brands #content-stores .cards a .card{max-width:unset;max-height:unset;width:100%;padding-top:62.35%}}main#brands #content-stores .cards a .card .logo{position:absolute;top:14.25%;left:14.4%;width:128px;height:80px}@media screen and (min-width: 1024px){main#brands #content-stores .cards a .card .logo{max-width:128px;max-height:80px}}@media screen and (max-width: 767px){main#brands #content-stores .cards a .card .logo{width:71.2%;height:71.5%}}main#brands #content-brands{display:none}main#brands #content-brands.active{display:block}main#brands #content-brands.sticky .content-brands-category{position:fixed;top:158px;width:100%;z-index:3}main#brands #content-brands.sticky .content{padding-top:96px}main#brands #content-brands .content-brands-category{position:relative;height:48px;background-color:#f6f7f5}@media screen and (max-width: 1023px){main#brands #content-brands .content-brands-category{position:fixed;z-index:3;top:0px;width:100%;height:44px;transition:top 0.3s ease-in-out}}main#brands #content-brands .content-brands-category .letters{display:flex;justify-content:center;align-items:center;padding:0;height:100%}main#brands #content-brands .content-brands-category .letters::-webkit-scrollbar{-webkit-appearance:none;background-color:#f6f7f5}main#brands #content-brands .content-brands-category .letters::-webkit-scrollbar-thumb{border:5px solid rgba(0,0,0,0);background-clip:padding-box;-webkit-border-radius:15px;background-color:rgba(0,0,0,0.2)}@media screen and (max-width: 1023px){main#brands #content-brands .content-brands-category .letters{justify-content:start;overflow-x:scroll;overflow-x:overlay;overflow-y:hidden;margin-right:50px}}main#brands #content-brands .content-brands-category .letters .item{font-size:1rem;font-weight:500;line-height:1.33;letter-spacing:0.8px;color:#666;cursor:pointer;padding:0 12px;border:none;height:100%;display:flex;align-items:center;transition:0.5s}main#brands #content-brands .content-brands-category .letters .item:first-child{margin-left:0}@media (hover: hover){main#brands #content-brands .content-brands-category .letters .item:hover,main#brands #content-brands .content-brands-category .letters .item:active{color:#333}}@media screen and (max-width: 1023px){main#brands #content-brands .content-brands-category .letters .item{padding:0 16.5px}main#brands #content-brands .content-brands-category .letters .item.active{color:#fff;background-color:#73786b}}@media screen and (min-width: 1024px) and (hover: hover){main#brands #content-brands .content-brands-category .letters .item:hover,main#brands #content-brands .content-brands-category .letters .item:active{font-size:1.28571rem;color:#333}}@media screen and (min-width: 1024px){main#brands #content-brands .content-brands-category .letters .item.active{font-size:1.28571rem;color:#333;transition:0.5s;color:#fff !important;background-color:#73786b;outline:none;box-shadow:none;border-radius:0}}main#brands #content-brands .content-brands-category .for-open{display:none;font-size:1rem;font-weight:500;line-height:44px;letter-spacing:0.8px;color:#999;padding-left:16px}main#brands #content-brands .content-brands-category .drop-btn{display:none;align-items:center;justify-content:center;position:absolute;left:calc(100% - 40px);top:0;background-color:#edeeea;width:40px;height:40px;cursor:pointer}main#brands #content-brands .content-brands-category .drop-btn .icon{transform:rotate(0);transition-duration:500ms}@media screen and (max-width: 1023px){main#brands #content-brands .content-brands-category .drop-btn{display:flex;left:calc(100% - 44px);width:44px;height:44px}}main#brands #content-brands .content-brands-category .drop{display:none;position:absolute;z-index:2;top:40px;background-color:rgba(0,0,0,0.7);width:100%;height:calc(100vh)}main#brands #content-brands .content-brands-category .drop .inner{padding:16px 12px;box-sizing:border-box;border-top:1px solid #edeeea;background-color:#f6f7f5;width:100%}main#brands #content-brands .content-brands-category .drop .letterList{display:grid;grid-template-columns:repeat(auto-fill, 40px);justify-content:space-between;grid-gap:12px}main#brands #content-brands .content-brands-category .drop .item{height:40px;width:40px;margin-bottom:4px;font-size:1.28571rem;font-weight:500;line-height:1.33;letter-spacing:0.8px;color:#999;cursor:pointer;padding:0;background-color:transparent;border:none;margin:auto;display:flex;justify-content:center;align-items:center}@media (hover: hover){main#brands #content-brands .content-brands-category .drop .item:hover,main#brands #content-brands .content-brands-category .drop .item:active{color:#666}}main#brands #content-brands .content-brands-category .drop .item.all{width:100%}main#brands #content-brands .content-brands-category .drop .item.active{color:#333}main#brands #content-brands .content-brands-category.active .letters{display:none}main#brands #content-brands .content-brands-category.active .for-open{display:none}@media screen and (max-width: 1023px){main#brands #content-brands .content-brands-category.active .for-open{display:block}}main#brands #content-brands .content-brands-category.active .drop-btn .icon{transform:rotate(180deg);transition-duration:500ms}main#brands #content-brands .content{padding:48px 0 120px 0;margin:0 auto;max-width:960px}@media screen and (max-width: 1023px){main#brands #content-brands .content{padding:24px 24px 24px 24px}}main#brands #content-brands .content .section{display:flex;margin-bottom:36px}@media screen and (max-width: 1023px){main#brands #content-brands .content .section{margin-bottom:24px;flex-direction:column}}main#brands #content-brands .content .section .left{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin-right:64px;border-radius:4px;border:solid 1px #e9e9e9;box-sizing:border-box;font-size:1.42857rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#333}@media screen and (max-width: 1023px){main#brands #content-brands .content .section .left{margin:0 0 16px 0;max-width:40px}}main#brands #content-brands .content .section .right{display:flex;flex-wrap:wrap;min-height:44px}main#brands #content-brands .content .section .right .item{display:flex;width:202px;padding:8px 0;margin-bottom:12px;margin-right:16px}main#brands #content-brands .content .section .right .item:nth-child(4n){margin-right:0}@media screen and (max-width: 1023px){main#brands #content-brands .content .section .right .item{margin-bottom:8px;width:calc(33.3% - 12px);margin-right:12px}main#brands #content-brands .content .section .right .item:nth-child(4n){margin-right:12px}main#brands #content-brands .content .section .right .item:nth-child(3n){margin-right:0}}@media screen and (max-width: 767px){main#brands #content-brands .content .section .right .item{width:calc(50% - 6px)}main#brands #content-brands .content .section .right .item:nth-child(4n){margin-right:12px}main#brands #content-brands .content .section .right .item:nth-child(3n){margin-right:12px}main#brands #content-brands .content .section .right .item:nth-child(2n){margin-right:0}main#brands #content-brands .content .section .right .item:nth-child(odd) .dropdown-menu{left:24px}}main#brands #content-brands .content .section .right .item.noItem{font-size:1.14286rem;line-height:1.5;color:#666}main#brands #content-brands .content .section .right .item.noItem button{color:#666}main#brands #content-brands .content .section .right .item .text{display:flex}main#brands #content-brands .content .section .right .item .text a{margin-right:8px;height:fit-content;padding:2px;font-size:1.14286rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#666}@media (hover: hover){main#brands #content-brands .content .section .right .item .text a:hover,main#brands #content-brands .content .section .right .item .text a:active{text-decoration:underline;color:#333}}main#brands #content-brands .content .section .right .item .text a .tippy-officialStore{display:inline-flex;width:16px;height:16px;margin-left:8px;vertical-align:middle;transform:translateY(-2px)}main#brands #content-brands .content .empty{text-align:center}@media screen and (max-width: 1023px){main#brands #content-brands .content .empty{height:400px}}main#brands #content-brands .content .empty .empty-image{display:block;margin:16px auto 24px auto}@media screen and (max-width: 1023px){main#brands #content-brands .content .empty .empty-image{width:100px;margin:32px auto 24px auto}}main#brands #content-brands .content .empty .title{font-size:1.71429rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#333}@media screen and (max-width: 1023px){main#brands #content-brands .content .empty .title{font-size:1.42857rem}}main#brands .news-tag-box{position:fixed;bottom:114px;right:8px;bottom:calc(114px + constant(safe-area-inset-bottom));bottom:calc(114px + env(safe-area-inset-bottom));transition:bottom 1s}main#brands .news-tag-box .buttons{position:static;bottom:initial;right:initial;transition:none}main#brands .news-tag-box.move-down{bottom:66px;bottom:calc(66px + constant(safe-area-inset-bottom));bottom:calc(66px + env(safe-area-inset-bottom));transition:bottom 1s}.focusActive #content-brands .content-brands-category .letters .item:focus{color:#fff !important;background-color:#73786b;outline:none;box-shadow:none;border-radius:0}
