.category-navigation-tabs{position:relative;width:100%;overflow:hidden}.category-tabs-container{max-width:1280px;margin:0 auto;padding:0 20px}.category-nav-title{font-size:32px;font-weight:700;color:#000;margin:0;line-height:1.2}.category-nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.category-nav-subtitle{font-size:14px;font-weight:400;color:#999;letter-spacing:2px;white-space:nowrap;flex-shrink:0}.category-nav-tabs{display:flex;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end}.category-tab{padding:10px 24px;background:var(--tab-bg-color, #F5F5F5);border:none;border-radius:20px;font-size:15px;color:var(--tab-text-color, #666);cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-tab:hover{background:var(--tab-bg-color, #F5F5F5);color:var(--tab-text-color, #666);opacity:.8}.category-tab.active{background:var(--tab-active-bg-color, #FFFFFF);color:var(--tab-active-text-color, #333)}.category-nav-content{position:relative;margin-top:10px;border-top:1px solid #E5E5E5;padding-top:10px}.category-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fffffff2;border:1px solid #E5E5E5;border-radius:50%;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 2px 8px #0000001a}.category-nav-arrow:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.category-nav-prev{left:-22px}.category-nav-next{right:-22px}.category-nav-arrow svg{width:24px;height:44px}.category-tab-panels{position:relative}.category-tab-panel{display:none;grid-template-columns:50% 1fr;gap:10px}.category-tab-panel.active{display:grid}.category-featured{position:relative;border-radius:8px;overflow:hidden;background:#fff;height:320px;order:1}.category-featured.category-featured-right{order:2}.category-featured.category-featured-right~.category-subcategories{order:1}.category-featured>.category-featured-right{display:none}.category-featured-link{display:block;position:relative;width:100%;height:100%;text-decoration:none}.category-featured-link img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-featured-link:hover img{transform:scale(1.05)}.category-featured-text{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:24px;font-weight:600;color:#666;letter-spacing:4px;text-transform:uppercase}.category-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#ffffff4d;overflow:hidden}.category-progress-fill{height:100%;width:0%;background-color:var(--progress-color, #2D5F4F);transition:width .1s linear;display:block!important}.category-subcategories{display:grid;gap:0px;align-content:start;order:2}.category-subcat-item{display:flex;flex-direction:row;align-items:center;text-decoration:none;transition:all .3s ease;padding:10px;border-radius:6px;gap:12px}.category-subcat-item:hover{background:#f8f8f8;transform:translate(3px)}.category-subcategories .category-subcat-item{flex-direction:column;align-items:center;text-align:center;padding:10px;gap:0px}.category-subcategories .category-subcat-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.category-subcategories .category-subcat-image{width:100%;height:auto;aspect-ratio:1}.category-subcategories .category-subcat-info{width:100%;text-align:center}.category-subcat-image{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:6px;overflow:hidden}.category-subcat-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-subcat-item:hover .category-subcat-image img{transform:scale(1.1)}.category-badge{position:absolute;top:4px;right:4px;background:#ff6b6b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.category-subcat-info{display:flex;flex-direction:column;gap:4px;flex:1}.category-subcat-title{font-size:14px;color:#333;text-align:center;font-weight:500;line-height:1.3}.category-subcat-text{font-size:12px;color:#666;text-align:center;line-height:1.4}@media screen and (max-width: 1200px){.category-tabs-container{padding:0 15px}.category-tab-panel{grid-template-columns:300px 1fr;gap:20px}.category-subcategories{grid-template-columns:repeat(2,1fr);gap:12px}.category-nav-prev{left:10px}.category-nav-next{right:10px}}@media screen and (max-width: 992px){.category-nav-title{font-size:28px}.category-tab-panel{grid-template-columns:1fr;gap:30px}.category-featured{max-width:400px;margin:0 auto}.category-subcategories{grid-template-columns:repeat(2,1fr)}.category-subcat-image{width:90px;height:90px}}@media screen and (max-width: 768px){.category-tabs-container{padding:0 10px}.category-nav-title{margin-bottom:10px}.category-nav-row{flex-direction:column;align-items:flex-start;gap:10px}.category-nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;width:100%}.category-nav-tabs::-webkit-scrollbar{display:none}.category-tab{padding:8px 18px;flex-shrink:0;white-space:nowrap}.category-tab-panel{display:none;min-height:auto}.category-tab-panel.active{display:flex!important;flex-direction:column}.category-featured{width:100%;overflow:hidden;height:210px;order:1}.category-featured-link{display:block;width:100%;float:none;margin-right:0}.category-featured-link img{width:100%;height:auto;object-fit:cover;border-radius:8px}.category-featured-text{font-size:14px;bottom:15px;letter-spacing:1px}.category-subcategories{display:grid!important;gap:10px;width:100%;order:10}.category-subcategories[data-mobile-columns="2"]{grid-template-columns:repeat(2,1fr)!important}.category-subcategories[data-mobile-columns="3"]{grid-template-columns:repeat(3,1fr)!important}.category-subcategories[data-mobile-columns="4"]{grid-template-columns:repeat(4,1fr)!important}.category-subcategories .category-subcat-item{width:100%;display:flex!important;flex-direction:column;align-items:center;padding:8px;gap:6px;background:#fff;border-radius:6px;text-align:center}.category-subcategories .category-subcat-image{width:100%;height:auto;aspect-ratio:1}.category-subcategories .category-subcat-info{width:100%;text-align:center!important}.category-subcategories .category-subcat-title{font-size:11px;line-height:1.3}.category-subcat-image{margin-right:0!important;margin-bottom:0!important}.category-subcat-text{font-size:9px}.category-badge{top:4px;right:4px;font-size:8px;padding:2px 5px}.category-nav-arrow{width:36px;height:36px}.category-nav-arrow svg{width:20px;height:36px}}@media screen and (max-width: 480px){.category-nav-title{font-size:20px}.category-tab{padding:6px 14px;font-size:13px}.category-featured{margin-bottom:12px}.category-featured-text{font-size:12px;bottom:10px;letter-spacing:1px}.category-subcategories .category-subcat-item{padding:6px;gap:4px}.category-subcategories .category-subcat-title{font-size:10px}.category-subcat-text{font-size:8px}.category-badge{font-size:7px;padding:2px 4px;top:3px;right:3px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-tab-panel.active{animation:fadeIn .4s ease-out}.category-tab:focus,.category-nav-arrow:focus,.category-subcat-item:focus{outline:2px solid #2D5F4F;outline-offset:2px}@media print{.category-nav-arrow,.category-nav-tabs{display:none}.category-tab-panel{display:grid!important;page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/category-navigation-carousel.css.map */