.section-categories-banner .section-body{border:1px solid #e8ecf1;border-radius:12px;display:flex;flex-wrap:wrap;overflow:hidden;background:#fff}.section-categories-banner .box-menu{flex:0 0 50%;max-width:50%;border-radius:12px 0 0;padding:11px calc(var(--gutter-xs) / 2);background:var(--second-bg-color)}@media(min-width:576px){.section-categories-banner .box-menu{padding-left:12px;padding-right:12px}}@media(min-width:992px){.section-categories-banner .box-menu{flex:0 0 20%;max-width:20%;border-radius:12px 0 0 12px}}.section-categories-banner .box-menu>ul{padding:0}.section-categories-banner .box-menu>ul li{list-style:none;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid rgba(0,0,0,.06)}.section-categories-banner .box-menu>ul li a{font-size:calc(var(--body-font-size) - 1px);margin:0;padding:0}.section-categories-banner .box-menu>ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-categories-banner .box-menu>ul>li{margin-bottom:9px}.section-categories-banner .box-menu>ul>li>a{font-weight:var(--font-bold)}.section-categories-banner .box-menu>ul ul{padding-inline-start:var(--gutter-xxs);margin-top:5px}.section-categories-banner .tab-heading-title{display:none}@media(min-width:768px){.section-categories-banner .tab-heading-title{display:block}}.section-categories-banner .tab-heading-container{flex:0 0 100%;max-width:100%;padding:10px 12px;display:flex;flex-direction:column}@media(min-width:768px){.section-categories-banner .tab-heading-container{flex:0 0 50%;max-width:50%;padding:18px 16px}.section-categories-banner .section-body>.tab-heading-container:first-child{flex:0 0 100%;max-width:100%;padding:18px 21px;display:flex;flex-direction:column}.section-categories-banner .section-body>.tab-heading-container:first-child+.tab-content{flex:0 0 100%;max-width:100%}}@media(min-width:992px){.section-categories-banner .tab-heading-container{flex:0 0 20%;max-width:20%}.section-categories-banner .section-body>.tab-heading-container:first-child{flex:0 0 50%;max-width:50%}.section-categories-banner .section-body>.tab-heading-container:first-child+.tab-content{flex:0 0 50%;max-width:50%}}.section-categories-banner .tab-heading-title{font-family:var(--heading-font);font-size:calc(var(--body-font-size) + 2px);font-weight:700;color:var(--body-color);margin:0 0 6px;text-align:start;line-height:1.3}@media(min-width:768px){.section-categories-banner .tab-heading-title{font-size:clamp(15px,1.5vw,calc(var(--body-font-size) + 5px));margin:0 0 8px;text-align:center}}.section-categories-banner .tab-heading-container .tab-heading{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:0;padding:0;white-space:normal;overflow:initial;flex:1}.section-categories-banner .tab-heading-container .tab-heading:after{content:none}.section-categories-banner .tab-heading-container .tab-heading li{padding:4px 0;margin:0;list-style:none;text-align:start;width:100%;border-bottom:1px solid var(--body-border-color, #e8ecf1)}.section-categories-banner .tab-heading-container .tab-heading li:last-child{border-bottom:none;margin-bottom:0}.section-categories-banner .tab-heading-container .tab-heading li a{display:block;padding:3px 6px;font-family:var(--body-font);font-size:var(--body-font-size);color:var(--body-color);line-height:1.35;text-align:start;text-decoration:none;transition:color .2s ease;cursor:pointer}@media(min-width:768px){.section-categories-banner .tab-heading-container .tab-heading li a{padding:4px 10px;font-size:15px;line-height:1.4}}.section-categories-banner .tab-heading-container .tab-heading li a:after,.section-categories-banner .tab-heading-container .tab-heading li a:before{content:none}.section-categories-banner .tab-heading-container .tab-heading li a>span:before{content:"\2013\a0";color:var(--main-color);font-weight:700;transition:content .2s ease}.section-categories-banner .tab-heading-container .tab-heading li a>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .25s ease,padding .25s ease}@media(min-width:768px){.section-categories-banner .tab-heading-container .tab-heading li a>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.section-categories-banner .tab-heading-container .tab-heading li a.active{color:var(--main-color);font-weight:600}@media(hover:hover){.section-categories-banner .tab-heading-container .tab-heading li a:hover{color:var(--main-color);background:none}.section-categories-banner .tab-heading-container .tab-heading li a:hover>span{transform:translate(4px)}.section-categories-banner .tab-heading-container .tab-heading li a:hover>span:before{content:"\25b8\a0"}}.section-categories-banner .tab-heading-more{display:inline-flex;align-items:center;gap:6px;padding:4px 0;margin:-16px 12px 10px;float:right;font-size:14px;font-weight:600;color:var(--main-color);text-decoration:none;border:none;border-radius:0;background:none;box-shadow:none;transition:gap .3s ease,letter-spacing .2s ease}@media(max-width:767.98px){.section-categories-banner .tab-heading-more{font-size:13px;padding:6px 14px;gap:5px;margin:4px 8px 8px}.section-categories-banner .tab-heading-more svg{width:13px;height:13px}}@media(min-width:992px){.section-categories-banner .tab-heading-more{margin:-16px 16px 10px;float:none}}.section-categories-banner .tab-heading-more:hover{gap:10px;letter-spacing:.3px;color:var(--main-color);background:none;box-shadow:none;opacity:.8}.section-categories-banner .tab-heading-more svg{width:17px;height:17px;transition:transform .3s ease}.section-categories-banner .tab-heading-more:hover svg{transform:translate(5px)}.section-categories-banner .tab-content{flex:0 0 100%;max-width:100%}@media(min-width:992px){.section-categories-banner .tab-content{flex:0 0 60%;max-width:60%;border-inline-start:none;display:flex;flex-direction:column}}.section-categories-banner .tab-content .tab-content-inner{flex:1;display:none}.section-categories-banner .tab-content .tab-content-inner.active{display:block}.section-categories-banner .tab-content .tab-items-row,.section-categories-banner .tab-content .block-image{height:100%}.section-categories-banner .tab-content .block-image a{display:block}.section-categories-banner .tab-content img{width:100%;height:100%;object-fit:cover;border-radius:0 0 12px 12px}@media(min-width:992px){.section-categories-banner .tab-content img{border-radius:0 12px 12px 0;min-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-menu-with-sidebar.css.map */