<section class="static-renren clear cf" >
                                                              <link rel="stylesheet" href="/col/snap-carousel/snap-carousel.css">
<style>
    .categories-carousel + section .recs-horizontal {
        margin: 0 auto !important;
        
    }
    #plpBannerPlaceholder img {
      aspect-ratio: unset !important;
    }
     
    .carousel-title {
       font-size: 13px;
       font-family: var(--font-family);
       padding: 0 0 10px 0;
  }
.carousel-title span a {
      font-size: 14px;
   }
    /* START Blue Categories Mod */
    .categories.carousel-container {
        --_spacer: 5px;
        --_col-count: 9;
        
        --_item-width: calc( ( ( var(--_grid-width) - (var(--_spacer) * (var(--_col-count) - 1)) ) / ( var(--_col-count) ) ) - 15px );
        --_arrow-top-position: calc( (var(--_item-width) / 2 ) + var(--_container-padding) + 28px );
    }
    
    
    .categories .carousel-arrow {
        background: transparent radial-gradient(closest-side at 39% 36%, #FFFFFF 0%, #FEFEFE 42%, #F7F7F7 100%) 0% 0% no-repeat padding-box;
        box-shadow: 1px 2px 3px #00000070;
        border: 2px solid #FFFFFFF2;
        opacity: 1;
        width: 30px;
        height: 30px;
    }
    
    .categories .carousel-arrow.end {
        opacity: .2;
    }

    .categories .carousel-arrow.arrow-prev:before,
    .categories .carousel-arrow.arrow-next:before {
        font-weight: bold;
        font-size: 12px;        
        color: #222222;
        text-shadow: 1px 1px 1px #FFFFFF;
        padding: 0 1px 0 0;
    }
    .categories .carousel-arrow.arrow-next:before {
        padding: 0 0 0 1px;
    }

    .categories .carousel-item {
        background-color: transparent;
        gap: calc( var(--_spacer) * 2)
    }
    .categories .carousel-item a {
        display: block;
        text-align: center;
        font-size: 15px;
        line-height: 19px;
        letter-spacing: 0px;
        color: #000000;
    }
    .categories .carousel-item a.carousel-icon {
        background: #fff;
        border-radius: 5px;
        margin: 0 calc(var(--_spacer) * -1);
        height: var(--_item-width);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .categories .carousel-item a.carousel-icon img {
        max-width: 80px !important;
    }
   
       .categories .carousel-arrow.arrow-prev{
         left: -18px;
         top: 40%;
      }
    .categories .carousel-arrow.arrow-next {
         right: -10px;
         top: 40%;
      }
      .categories.carousel-container {
          padding: 20px 0vw;
       }


     @media screen and (min-width: 500px) and (max-width: 800px) {
        .categories.carousel-container {
           padding: var(--_container-padding) 15px var(--_container-padding) 3vw;
        }
         .categories .carousel-arrow.arrow-prev,
         .categories .carousel-arrow.arrow-next {
         display: none;
      }
     }
    @media screen and (min-width: 500px) {
        
        .categories .carousel-grid {
            --_item-width: calc( (var(--_grid-width) - (var(--_spacer) * (var(--_col-count) - 1))) / (var(--_col-count))) ;
        }
        .categories .carousel-item a {
            font-size: 16px;
            line-height: 19px;
        }
        .categories .carousel-item a.carousel-icon img {
            max-width: 100px !important;
        }    
    }
    @media screen and (max-width: 500px) {
       .categories.carousel-container {
         padding: 20px 2vw;
       }
     }
</style>
<div class="carousel-container col12 categories " data-paged=true>
     <h3 class="carousel-title">Shop by type</h3>
   <div class="carousel-grid no-used">
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Photography">
                <img src="/images/cms/15616isoa7r4_98448.jpg" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Photography">Photography</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Computers">
                <img src="/images/cms/15600category-laptop_73558.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Computers">Computers</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Video">
                <img src="/col/category-page/video/category-img-vid-cam.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Video">Video</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Audio">
                <img src="/images/cms/15606studio_42471.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Audio">Audio</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Home-Electronics">
                <img src="/col/UIimages/homepage/home-cat-smartHome.jpg" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Home-Electronics">Home Electronics</a>
        </div>

        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Musical-Instruments">
                <img src="/col/UIimages/homepage/music-categories/home-cat-drumsPercussion.png" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Musical-Instruments">Musical Instruments</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Gaming">
                <img src="/images/product/SODSWCCR.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Gaming">Gaming</a>
        </div>
        
        
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Optics-and-Binoculars">
                <img src="/images/cms/36827binoculars_42202.jpg" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Optics-and-Binoculars">Optics & Binoculars</a>
        </div>
        <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Drones-and-Accessories">
                <img src="/col/UIimages/homepage/home-cat-drones.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Drones-and-Accessories">Drones</a>
        </div>
       <div class="carousel-item">
            <a class="carousel-icon" href="/clearance/l/Public-Safety">
                <img src="/images/product/GBPG1001.jpg" loading="lazy" alt="icon">
            </a>
            <a class="text" href="/clearance/l/Public-Safety">Public Safety</a>
        </div>
        
        </div>

    <div class="carousel-arrow arrow-prev end"></div>
    <div class="carousel-arrow arrow-next"></div>
</div>



<script type="text/javascript" class="scriptString">

(function() {
    var arrowPrevAll = document.querySelectorAll('.carousel-arrow.arrow-prev');
    var arrowNextAll = document.querySelectorAll('.carousel-arrow.arrow-next');
   
    function scrollCarousel (scrollContainer, scrollButton) {
        var halfGridWidth = document.querySelector('.carousel-grid').offsetWidth / 2;
        var scroll = (scrollButton.classList.contains('arrow-prev')) ? -(halfGridWidth + 10) : (halfGridWidth + 10);

        scrollContainer.scrollBy({
            top: 0,
            left: scroll,
            behavior: 'smooth'
        });
    }

    arrowPrevAll.forEach( arrowPrev => {
        arrowPrev.addEventListener('click', (event) => {
            var grid = arrowPrev.parentNode.querySelector('.carousel-grid');

            scrollCarousel(grid, arrowPrev);
        });
    });
    arrowNextAll.forEach( arrowNext => {
        arrowNext.addEventListener('click', (event) => {
            var grid = arrowNext.parentNode.querySelector('.carousel-grid');
            
            scrollCarousel(grid, arrowNext);
        });
    });
    
    var scrollPorts = document.querySelectorAll('.carousel-grid');
    scrollPorts.forEach(scrollPort => {
        var observer = new IntersectionObserver(
            entries => {
                entries.forEach(entry => {
                    if(entry.target === scrollPort.firstElementChild) {
                        scrollPort.parentNode.querySelector('.arrow-prev').classList.toggle('end', entry.isIntersecting);
                    } 
                    if(entry.target === scrollPort.lastElementChild)  {
                        scrollPort.parentNode.querySelector('.arrow-next').classList.toggle('end', entry.isIntersecting);
                    }
                })
            },
            {
                root: scrollPort
            }
        )

        observer.observe(scrollPort.firstElementChild);
        observer.observe(scrollPort.lastElementChild);
    });
   
})();
</script>
                                                            </section>

Moment

Aspen Gleam

Black

Black Crystal

Black Speckle

Blue

Brown

Butterflies Rose Gold/Clear

Clear

Clear/Confetti Pop

Glitterfall

Gradient Energy

Gray

Green

Hot Pink Victorian

Midnight Blue

Navy

Navy/Flint Stone

Ocean

Orange

Pink

Pink/Clear

Pink/White

Purple

Rose Crystal

Royal Blue

Stardust

Teal

Terracotta

White

Wood

Yellow

Indigo

iPhone 14 Pro

10% Off or More

Free Shipping

In Stock

Non-Kits

Specials

FREE Ship to Store

Microfiber

Polycarbonate

$25 to $50

Snap-On Cover

Clearance on  Cell Phone Cases

Used

Clearance on  Cell Phone Cases | Adorama

Moment Case with MagSafe for Apple iPhone 13 Max, Indigo Blue

Moment Case with MagSafe for Apple iPhone 14 Pro, Indigo Blue

Adorama

clearance

Home Electronics

Indigo Cell Phone Cases

Shop  Clearance on  Cell Phone Cases by Brand, Price, In Store Pick Up, Discount, Color, Compatibility & more. From brands - Moment.

Clearance on Cell Phone Cases

Shop by type

Moment Case with MagSafe for Apple iPhone 13 Max, Indigo Blue

Ways to Save

Moment Case with MagSafe for Apple iPhone 14 Pro, Indigo Blue

Ways to Save