.custom-category-section{width:100%;padding:20px;background:#fff;display:flex;flex-direction:column;align-items:center}.custom-slideshow-text{font-size:24px;font-weight:600;margin-bottom:16px;text-align:center;color:#000;background:#fbe70c;padding:6px 100px;border-radius:20px;font-style:Geogrotesque}.custom-category-carousel-wrapper{position:relative;width:82%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.custom-category-list{display:flex;flex-direction:row;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;width:100%;justify-content:flex-start;align-items:stretch}.custom-category-item{background:#fffcdd;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:0 0 auto;display:flex;flex-direction:column;align-items:start;padding:0 0 4px;transition:all .3s ease;text-decoration:none;color:inherit}.custom-category-item img{width:105px;height:106px;object-fit:cover;border-radius:6px 6px 0 0;background:#f8f8f8}.custom-category-title{width:105px;font-size:13px;font-weight:600;color:#333;text-align:start;line-height:1.2;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Geogrotesque}.custom-category-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s ease}.custom-category-arrow:hover{background:#ffeaea;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #f4433633}.custom-category-arrow.left{left:-80px;color:#f44336}.custom-category-arrow.right{right:-80px;color:#f44336}.custom-category-arrow svg{width:20px;height:20px;fill:currentColor}.custom-category-list::-webkit-scrollbar{display:none}.custom-category-list{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:1024px){.custom-category-section{padding:25px 15px}.custom-category-carousel-wrapper{max-width:100%}.custom-category-list{gap:20px}.custom-category-item{min-width:118px;max-width:160px}.custom-category-item img{height:120px;width:100%}.custom-category-arrow{width:40px;height:40px}.custom-category-arrow.left{left:-42px}.custom-category-arrow.right{right:-42px}}@media(max-width:768px){.custom-category-section{padding:20px 10px}.custom-slideshow-text{font-size:18px;padding:8px 24px;font-style:Geogrotesque}.custom-category-carousel-wrapper{padding:0 12px;width:100%}.custom-category-list{padding:8px 0;gap:16px;justify-content:flex-start}.custom-category-item{min-width:78px;border-radius:8px}.custom-category-item img{height:100px;width:100px;border-radius:8px 8px 0 0}.custom-category-title{font-size:11px;margin:0 4px;padding:2px;font-weight:550;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-category-arrow,.custom-category-section--home .custom-category-list--home-desktop{display:none!important}.custom-category-section--home{padding:12px 10px 16px}.custom-category-section--home .custom-category-carousel-wrapper--home{position:relative;display:block;padding:0 8px;width:100%;max-width:100%}.custom-category-section--home .custom-category-list--home-mobile{display:flex!important;flex-direction:row;gap:8px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;padding:4px 0}.custom-category-section--home .custom-category-column{display:flex;flex-direction:column;gap:10px;flex:0 0 22%;min-width:22%;max-width:22%}.custom-category-section--home .custom-category-link{display:block;text-decoration:none}.custom-category-section--home .custom-category-item{min-width:0;width:100%;background:transparent;box-shadow:0 1px 4px #00000014;border-radius:14px;padding:0;align-items:stretch;overflow:hidden;transform:none;transition:none}.custom-category-section--home .custom-category-image-wrap{width:100%;aspect-ratio:1;background:#ececec;border-radius:14px 14px 0 0;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-category-section--home .custom-category-item img{width:88%;height:88%;object-fit:contain;border-radius:0;background:transparent;transform:none;transition:none}.custom-category-section--home .custom-category-title{width:100%;margin:0;padding:5px 4px 7px;font-size:11px;font-weight:700;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Geogrotesque,sans-serif;background:#fffcdd;border-radius:0 0 14px 14px;box-sizing:border-box}.custom-category-section--home .custom-category-item:hover,.custom-category-section--home .custom-category-item:focus-within,.custom-category-section--home .custom-category-item:hover img,.custom-category-section--home .custom-category-item:focus-within img{transform:none;box-shadow:none;filter:none}.custom-category-section--home .custom-category-arrow.left,.custom-category-section--home .custom-category-arrow.right{display:flex!important;position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:32px;height:32px;margin:0;padding:0;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001f;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility .2s ease}.custom-category-section--home .custom-category-arrow.left{left:4px;opacity:0;visibility:hidden;pointer-events:none}.custom-category-section--home .custom-category-carousel-wrapper--home.is-scrolled .custom-category-arrow.left{opacity:1;visibility:visible;pointer-events:auto}.custom-category-section--home .custom-category-arrow.right{right:4px}.custom-category-section--home .custom-category-carousel-wrapper--home.at-end .custom-category-arrow.right,.custom-category-section--home .custom-category-carousel-wrapper--home.no-scroll .custom-category-arrow.right{opacity:0;visibility:hidden;pointer-events:none}.custom-category-section--home .custom-category-arrow.left img,.custom-category-section--home .custom-category-arrow.right img{width:32px;height:32px}.custom-category-section--home .custom-category-arrow.left:hover,.custom-category-section--home .custom-category-arrow.right:hover{transform:translateY(-50%);background:#fff;box-shadow:0 2px 10px #00000029}}@media(max-width:480px){.custom-category-section{padding:6px 0}.custom-slideshow-text{font-size:18px;padding:8px 24px;font-style:Geogrotesque}.custom-category-list{gap:14px;padding:6px 0}.custom-category-item{width:78px;border-radius:4px}.custom-category-item img{width:100%;height:80px;border-radius:4px 4px 0 0}.custom-category-title{font-size:12px}.custom-category-section--home .custom-category-item{width:auto;border-radius:0}.custom-category-section--home .custom-category-item img{width:88%;height:88%;border-radius:0}.custom-category-section--home .custom-category-title{font-size:11px;background:#fffcdd;padding:5px 4px 7px;border-radius:0 0 14px 14px}}.custom-category-section{padding:0}@media(min-width:769px){.custom-category-section--home .custom-category-list--home-mobile{display:none!important}.custom-category-section--home .custom-category-list--home-desktop{display:flex!important}}.no-underline{text-decoration:none!important}.custom-category-item{overflow:hidden;transform:translateZ(16);transition:transform .23s ease,box-shadow .23s ease}.custom-category-item img{display:block;position:relative;z-index:1;transform:scale(1);transition:transform .23s ease,filter .23s ease;will-change:transform;transform-origin:center}.custom-category-title{position:relative;z-index:2;background:inherit}.custom-category-item:hover img,.custom-category-item:focus-within img{transform:scale(1.14);filter:brightness(1.06) contrast(1.05) saturate(1.08)}.custom-category-item:hover,.custom-category-item:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px #0000002e}
/*# sourceMappingURL=/cdn/shop/t/165/assets/shop-by-category.css.map */