.boxy-cnav{display:block;min-width:0;padding-block:26px 18px;color:#302622;border-bottom:1px solid #ece5de;--cnav-accent:#984565;--cnav-line:#e9dfd8}.boxy-cnav__heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.boxy-cnav__eyebrow{margin:0 0 5px;color:#78665f;font-size:11px;line-height:1.4;letter-spacing:.075em;text-transform:uppercase}.boxy-cnav__heading{margin:0;font-size:clamp(19px,2vw,25px);font-weight:600;line-height:1.25;color:inherit}.boxy-cnav__controls{display:flex;gap:8px;flex-shrink:0}.boxy-cnav__controls[hidden]{display:none!important}.boxy-cnav__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--cnav-line);border-radius:50%;background:#fffdf9;color:#45322d;cursor:pointer;transition:background .15s,border-color .15s}.boxy-cnav__arrow:hover:not(:disabled){background:#f5e8ed;border-color:var(--cnav-accent)}.boxy-cnav__arrow:disabled{opacity:.32;cursor:default}.boxy-cnav__track{display:flex;gap:14px;min-width:0;max-width:100%;list-style:none;margin:0;padding:4px 4px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#d9bcc8 transparent;-webkit-overflow-scrolling:touch}.boxy-cnav__track::-webkit-scrollbar{height:4px}.boxy-cnav__track::-webkit-scrollbar-thumb{background:#d9bcc8;border-radius:8px}.boxy-cnav__item{flex:0 0 132px;scroll-snap-align:start;min-width:0}.boxy-cnav__card{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:165px;padding:8px 7px 9px;border:1px solid transparent;border-radius:18px;text-decoration:none!important;color:inherit!important;text-align:center;transition:background .15s,border-color .15s}.boxy-cnav__photo{position:relative;display:grid;place-items:center;width:88px;height:88px;padding:5px;border:1px solid #e9e0d9;border-radius:24px;background:var(--card-tone,#f4ebdf);transition:transform .15s,border-color .15s;box-shadow:0 3px #3026220a}.boxy-cnav__image{display:block;width:100%;height:100%;object-fit:contain;border-radius:18px;background:#fff}.boxy-cnav__photo--all{background:#f7efe4}.boxy-cnav__card:hover .boxy-cnav__photo{transform:translateY(-3px);border-color:#b08b9b}.boxy-cnav__card.is-current{background:#fbf0f4;border-color:#e2becd}.boxy-cnav__card.is-current .boxy-cnav__photo{border:2px solid var(--cnav-accent);padding:4px}.boxy-cnav__selected{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:23px;height:23px;background:var(--cnav-accent);color:#fff;border:2px solid #fff;border-radius:50%}.boxy-cnav__title{max-width:100%;font-family:var(--font-body--family,inherit);font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.boxy-cnav__count{margin-top:auto;color:#796d65;font-size:11px;line-height:1.3}.boxy-cnav__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:8px}.boxy-cnav__hint{margin:0;font-size:11px;color:#796d65}.boxy-cnav__shortcuts{display:flex;flex-wrap:wrap;gap:15px}.boxy-cnav__shortcuts a{color:#68404e;font-size:12px;font-weight:500;text-decoration:none;text-underline-offset:4px}.boxy-cnav__shortcuts a:hover,.boxy-cnav__shortcuts a[aria-current]{text-decoration:underline}.boxy-cnav__filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--cnav-line)}.boxy-cnav__filter-label{margin-right:5px;font-size:12px;color:#78665f}.boxy-cnav__pill{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid var(--cnav-line);border-radius:22px;background:#fffdfb;color:#57433a!important;font-size:12px;line-height:1.3;text-decoration:none!important}.boxy-cnav__pill:hover{border-color:#cba7b7;background:#fcf2f5}.boxy-cnav__pill.is-current{background:#69424f;border-color:#69424f;color:#fff!important}.boxy-cnav a:focus-visible,.boxy-cnav button:focus-visible{outline:3px solid var(--cnav-accent);outline-offset:3px}@media(max-width:749px){.boxy-cnav{padding-block:18px 15px}.boxy-cnav__heading-row{margin-bottom:12px}.boxy-cnav__eyebrow{font-size:10px;letter-spacing:.035em}.boxy-cnav__heading{font-size:20px}.boxy-cnav__track{gap:7px}.boxy-cnav__item{flex-basis:108px}.boxy-cnav__card{min-height:154px;padding:7px 5px}.boxy-cnav__photo{width:76px;height:76px;border-radius:21px}.boxy-cnav__title{font-size:12px}.boxy-cnav__count{font-size:10px}.boxy-cnav__bottom{align-items:flex-start;gap:10px}.boxy-cnav__hint{font-size:10px}.boxy-cnav__shortcuts{gap:12px}.boxy-cnav__shortcuts a{font-size:11px}.boxy-cnav__filter-label{display:none}.boxy-cnav__filters{gap:7px;margin-top:14px;padding:13px 3px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9bcc8 transparent}.boxy-cnav__pill{flex:0 0 auto;white-space:nowrap;min-height:40px;padding:8px 12px}.boxy-cnav__controls{gap:5px}.boxy-cnav__arrow{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.boxy-cnav *{scroll-behavior:auto!important;transition:none!important}.boxy-cnav__card:hover .boxy-cnav__photo{transform:none}}.boxy-cnav{padding-block:28px 22px;border-bottom:0;--cnav-accent:#28231f;--cnav-line:#28231f}.boxy-cnav__heading-row{margin-bottom:22px;align-items:flex-end}.boxy-cnav__eyebrow{display:inline-block;padding:5px 9px;margin-bottom:10px;border:1px solid #28231f;border-radius:5px;background:#ffcfe2;box-shadow:2px 2px #28231f;color:#28231f;font-family:var(--font-mono,monospace);font-size:10px;transform:rotate(-1deg)}.boxy-cnav__heading{font-size:clamp(22px,2.4vw,29px);line-height:1.2;text-wrap:balance}.boxy-cnav__arrow{border:1.5px solid #28231f;box-shadow:2px 3px #28231f;background:#ffe58f;color:#28231f}.boxy-cnav__arrow:hover:not(:disabled){background:#ffcfe2;border-color:#28231f}.boxy-cnav__arrow:disabled{opacity:.3;box-shadow:none}.boxy-cnav__track{gap:16px;padding:10px 6px 18px;scrollbar-color:#28231f #f3dfd1}.boxy-cnav__track::-webkit-scrollbar{height:5px}.boxy-cnav__track::-webkit-scrollbar-thumb{background:#28231f}.boxy-cnav__item{flex-basis:148px;--cnav-tone:#ffe58f}.boxy-cnav__item:nth-child(8n+2){--cnav-tone:#cdeed0}.boxy-cnav__item:nth-child(8n+3){--cnav-tone:#cce9ff}.boxy-cnav__item:nth-child(8n+4){--cnav-tone:#ffe27a}.boxy-cnav__item:nth-child(8n+5){--cnav-tone:#ffcfe2}.boxy-cnav__item:nth-child(8n+6){--cnav-tone:#ded0ff}.boxy-cnav__item:nth-child(8n+7){--cnav-tone:#ffd7ba}.boxy-cnav__item:nth-child(8n){--cnav-tone:#bfeadd}.boxy-cnav__card{min-height:212px;padding:16px 10px 12px;gap:12px;border:1.5px solid #28231f;border-radius:17px;background:var(--cnav-tone);box-shadow:3px 4px #28231f;transition:transform .18s,box-shadow .18s}.boxy-cnav__photo{width:88px;height:88px;padding:6px;border:1.5px solid #28231f;border-radius:10px;background:#fff;box-shadow:2px 2px #28231f;transform:rotate(-4deg)}.boxy-cnav__item:nth-child(2n) .boxy-cnav__photo{transform:rotate(4deg)}.boxy-cnav__photo:before{content:"";position:absolute;top:-7px;left:calc(50% - 16px);width:32px;height:12px;background:#ff5c93;transform:rotate(-5deg);border-inline:2px dotted #ffcee2;z-index:1}.boxy-cnav__image{border-radius:4px}.boxy-cnav__photo--all{padding:0;background:#fff8ef}.boxy-cnav__boxy{width:76px;display:block}.boxy-cnav__title{font-size:13px;line-height:1.35;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.boxy-cnav__count{padding:4px 7px;border:1px solid #28231f;border-radius:5px;background:#fffaf1;color:#493e36;font-family:var(--font-mono,monospace);font-size:9px;line-height:1.3}.boxy-cnav__card.is-current{background:var(--cnav-tone);border-color:#28231f;box-shadow:3px 4px #ff5c93;outline:2px solid #ff5c93;outline-offset:2px}.boxy-cnav__card.is-current .boxy-cnav__photo{border:1.5px solid #28231f;padding:6px}.boxy-cnav__card.is-current .boxy-cnav__photo--all{padding:0}.boxy-cnav__selected{right:-7px;bottom:-7px;width:24px;height:24px;background:#ff5c93;border:1.5px solid #28231f;color:#28231f}.boxy-cnav__bottom{margin-top:12px}.boxy-cnav__hint{color:#615348}.boxy-cnav__shortcuts a{padding:6px 10px;min-height:34px;border:1px solid #28231f;border-radius:7px;background:#fffaf1;box-shadow:2px 2px #28231f;color:#28231f;font-weight:600}.boxy-cnav__shortcuts a:first-child{background:#ffe58f}.boxy-cnav__shortcuts a:last-child{background:#ffcfe2}.boxy-cnav__filters{border-top:1px dashed #ccb7a5}.boxy-cnav__pill{border:1px solid #28231f;background:#fffaf1;color:#28231f!important}.boxy-cnav__pill.is-current{background:#ffcfe2;color:#28231f!important;border-color:#28231f;box-shadow:2px 2px #28231f}@media(hover:hover){.boxy-cnav__card:hover{transform:translateY(-4px);box-shadow:3px 7px #28231f}.boxy-cnav__card:hover .boxy-cnav__photo{transform:rotate(0);border-color:#28231f}}@media(max-width:749px){.boxy-cnav{padding-block:22px 20px}.boxy-cnav__heading-row{align-items:center;gap:10px;margin-bottom:16px}.boxy-cnav__eyebrow{font-size:9px;line-height:1.5;letter-spacing:.02em;max-width:100%;padding:4px 6px}.boxy-cnav__heading{font-size:21px}.boxy-cnav__track{gap:12px}.boxy-cnav__item{flex-basis:124px}.boxy-cnav__card{min-height:200px;padding:14px 8px 10px;gap:10px}.boxy-cnav__photo{width:76px;height:76px}.boxy-cnav__boxy{width:66px}.boxy-cnav__title{font-size:12px}.boxy-cnav__count{font-size:9px}.boxy-cnav__bottom{gap:14px}.boxy-cnav__shortcuts{gap:10px}.boxy-cnav__shortcuts a{font-size:10px;padding:6px 8px}.boxy-cnav__arrow{width:40px;height:40px}.boxy-cnav__controls{gap:7px}}@media(prefers-reduced-motion:reduce){.boxy-cnav__card{transition:none}.boxy-cnav__card:hover{transform:none}.boxy-cnav__card:hover .boxy-cnav__photo{transform:rotate(-4deg)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/boxy-category-navigation.css.map */