.axnitemtab-container{--axnitemtab-gap:1.5rem;--axnitemtab-bg:#ffffff;--axnitemtab-tab-bg:#f1f1f1;--axnitemtab-tab-active-bg:#d31b20;--axnitemtab-tab-color:#333333;--axnitemtab-tab-active-color:#ffffff;--axnitemtab-border:#e0e0e0;--axnitemtab-radius:5px;width:100%;max-width:100%;box-sizing:border-box;font-family:inherit}.axnitemtab-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}.axnitemtab-tabs li{margin:0;padding:0}.axnitemtab-tab{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--axnitemtab-radius);background:var(--axnitemtab-tab-bg);color:var(--axnitemtab-tab-color);cursor:pointer;font-size:1rem;font-weight:500;transition:background 0.2s ease,color 0.2s ease}.axnitemtab-tab:hover{background:#ddd;color:#555}.axnitemtab-tab.active{background:var(--axnitemtab-tab-active-bg);color:var(--axnitemtab-tab-active-color);font-weight:700}.axnitemtab-panels{position:relative;width:100%}.axnitemtab-panel{position:relative;display:none;opacity:0;transition:opacity 0.2s ease}.axnitemtab-panel.active{display:block;opacity:1}.axnitemtab-panel.active .axnitemtab-product{animation:axnitemtab-fade-in-up 0.3s ease both}.axnitemtab-panel.axnitemtab-leaving .axnitemtab-product{animation:axnitemtab-fade-out-up 0.2s ease both}@keyframes axnitemtab-fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes axnitemtab-fade-out-up{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.axnitemtab-arrows{position:absolute;top:50%;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:0 10px;transform:translateY(-50%);pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease}.axnitemtab-panel:hover .axnitemtab-arrows{opacity:1;visibility:visible}.axnitemtab-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--axnitemtab-radius);background:#333;color:var(--axnitemtab-tab-active-color);cursor:pointer;font-size:1rem;font-weight:700;pointer-events:auto;transition:background 0.2s ease,color 0.2s ease}.axnitemtab-arrow:hover{background:#f63421;color:#fff}.axnitemtab-arrow:disabled{background:#ddd;color:#555;cursor:not-allowed}.axnitemtab-arrow-prev{transform:translateX(-40px)}.axnitemtab-arrow-next{transform:translateX(40px)}.axnitemtab-track{--axnitemtab-visible:4;display:flex;gap:var(--axnitemtab-gap);width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.axnitemtab-track::-webkit-scrollbar{display:none}.axnitemtab-product{flex:0 0 calc((100% - (var(--axnitemtab-visible) - 1) * var(--axnitemtab-gap)) / var(--axnitemtab-visible));scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:.5rem;background:var(--axnitemtab-bg);border:1px solid var(--axnitemtab-border);border-radius:var(--axnitemtab-radius);padding:0rem 0rem 1rem 0rem;text-align:center;box-sizing:border-box;margin-bottom:1px;transition:transform 0.2s ease,box-shadow 0.2s ease}.axnitemtab-product:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.axnitemtab-image{width:100%;height:auto;margin-bottom:.5rem}.axnitemtab-image img{max-width:100%;height:auto;display:block;margin:0 auto}.axnitemtab-title{margin:0;font-size:1rem;line-height:1.3}.axnitemtab-title a{color:#333;text-decoration:none;transition:color 0.2s ease}.axnitemtab-title a:hover{color:#0073aa}.axnitemtab-category{font-size:.85rem;color:#666}.axnitemtab-price{font-size:1rem;font-weight:700;color:#0073aa;margin-top:auto}@media (max-width:991px){.axnitemtab-track{--axnitemtab-visible:2}}@media (max-width:575px){.axnitemtab-tabs{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.axnitemtab-tabs::-webkit-scrollbar{display:none}.axnitemtab-tab{width:auto;flex-shrink:0;text-align:center;padding:.75rem 1rem}.axnitemtab-track{--axnitemtab-visible:1}.axnitemtab-image img{width:100%;height:auto;margin:0}.axnitemtab-arrow{width:32px;height:32px}}