.category-tiles-section{width:100%;max-width:calc(100vw - 96px);margin-left:auto;margin-right:auto}.category-tiles__header{text-align:center;padding-bottom:24px;width:100%}.category-tiles__heading{font-size:24px;line-height:31px;color:#2e2d42;font-weight:700;margin:0}.category-tiles__grid{display:flex;flex-wrap:wrap;border:1px solid var(--border-color, #e8e8e8);border-radius:16px;padding:0;background-color:#fff;box-shadow:0 2px 8px #0000000a}.category-tile{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(12.5% + -0px);height:auto;min-height:100px;position:relative;border-left:1px solid var(--border-color, #e8e8e8);margin:0;padding:20px 12px 16px;gap:12px;text-decoration:none;color:#2e2d42;transition:all .3s ease}.category-tile:first-child{border-left:none}.category-tile:hover .category-tile__title{color:#dd2745}.category-tile:hover{background-color:#dd274505}.category-tile__image-wrapper{width:56px;height:56px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fff5f7;border-radius:12px;padding:12px;transition:all .3s ease}.category-tile:hover .category-tile__image-wrapper{background-color:#ffeef1;transform:scale(1.05)}.category-tile__image{width:100%;height:100%;object-fit:contain}.category-tile__image-placeholder{opacity:.3}.category-tile__title{font-size:13px;line-height:18px;color:#2e2d42;text-align:center;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (min-width:1400px){.category-tiles-section{max-width:1320px}}@media screen and (max-width:1399px){.category-tile{width:12.5%}}@media screen and (max-width:1023px){.category-tiles-section{max-width:calc(100vw - 64px);padding-left:32px!important;padding-right:32px!important}.category-tile{width:calc(25% + -0px);padding:16px 10px 14px;min-height:110px;border-left:1px solid var(--border-color, #e8e8e8)}.category-tile:nth-child(4n+1){border-left:none}.category-tile__image-wrapper{width:52px;height:52px}}@media screen and (max-width:767px){.category-tiles-section{max-width:calc(100vw - 32px);padding-left:16px!important;padding-right:16px!important}.category-tiles__heading{font-size:20px;line-height:26px}.category-tile{width:calc(33.333% + -0px);min-height:115px;padding:16px 10px 14px;border-left:1px solid var(--border-color, #e8e8e8)}.category-tile:nth-child(4n+1){border-left:1px solid var(--border-color, #e8e8e8)}.category-tile:nth-child(3n+1){border-left:none}.category-tile__image-wrapper{width:48px;height:48px}.category-tile__title{font-size:12px;line-height:16px}}@media screen and (max-width:599px){.category-tiles-section{max-width:100%;padding-left:16px!important;padding-right:16px!important;margin-top:20px!important}.category-tiles__header{padding-bottom:20px}.category-tiles__heading{font-size:20px;line-height:26px;font-weight:600}.category-tiles__grid{border-radius:20px;border:1.5px solid rgba(255,182,193,.3);box-shadow:0 4px 16px #0000000f;overflow:hidden}.category-tile{width:25%;min-height:95px;padding:14px 6px 12px;margin:0;border-left:1px solid rgba(221,39,69,.08);border-bottom:1px solid rgba(221,39,69,.08);background-color:#fff}.category-tile:nth-child(3n+1),.category-tile:nth-child(odd){border-left:1px solid rgba(221,39,69,.08)}.category-tile:nth-child(4n+1){border-left:none}.category-tile:nth-child(n+5){border-bottom:none}.category-tile__image-wrapper{width:46px;height:46px;background:linear-gradient(135deg,var(--mobile-blob-color, #ffe8ef) 0%,color-mix(in srgb,var(--mobile-blob-color, #ffe8ef) 90%,#000) 100%);border-radius:48% 52% 55% 45%/45% 48% 52% 55%;animation:blob-morph 8s ease-in-out infinite;padding:10px;box-shadow:0 2px 8px #ffb6c126}@keyframes blob-morph{0%,to{border-radius:48% 52% 55% 45%/45% 48% 52% 55%}25%{border-radius:52% 48% 45% 55%/55% 45% 52% 48%}50%{border-radius:45% 55% 48% 52%/52% 55% 48% 45%}75%{border-radius:55% 45% 52% 48%/48% 52% 45% 55%}}.category-tile:hover .category-tile__image-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--mobile-blob-color, #ffe8ef) 90%,#000),color-mix(in srgb,var(--mobile-blob-color, #ffe8ef) 80%,#000));transform:scale(1.08);box-shadow:0 4px 12px #ffb6c140}.category-tile__image{width:100%;height:100%;object-fit:contain;opacity:.85}.category-tile:hover .category-tile__image{opacity:1}.category-tile__title{font-size:10.5px;line-height:14px;font-weight:500;letter-spacing:-.01em;margin-top:2px;color:#333}.category-tile:hover .category-tile__title{color:#dd2745;font-weight:600}.category-tile:active{background-color:#ffe6f04d}}@media screen and (max-width:399px){.category-tile{min-height:88px;padding:12px 4px 10px}.category-tile__image-wrapper{width:62px;height:62px;padding:9px}.category-tile__title{font-size:9.5px;line-height:13px}}.category-tile:focus{outline:2px solid #DD2745;outline-offset:2px}.category-tile:focus:not(:focus-visible){outline:none}@media(hover:none)and (pointer:coarse){.category-tile{min-height:95px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,182,193,.1)}.category-tile:active .category-tile__image-wrapper{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.category-tile{transition:none}.category-tile:hover{transform:none}.category-tile__image-wrapper{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-category-tiles.css.map */