#subcategory-area{margin:0 0 30px}.subcategory-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 24px}.subcategory-heading h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;margin:0}.subcategory-heading .eyebrow{margin-bottom:8px}.subcategory-heading>button,.subcategory-pagination button{background:transparent;border:1px solid #a6b198;padding:10px 13px;font-size:11px}.subcategory-manager{display:none;gap:14px;align-items:center;margin:15px 0 25px;font-size:11px;color:#68765a}.subcategory-manager button{background:#d7ee85;border:1px solid #819d40;padding:12px 16px}.editing-page .subcategory-manager{display:flex}.subcategory-empty{display:none}.editing-page .subcategory-empty{display:block;padding:24px;border:1px dashed #93a975;color:#657456;font-size:12px}.subcategory-row{--sub-angle:30deg;display:flex;gap:10px;height:335px;margin:14px 0;padding:0 65px;overflow:hidden;background:#1b241d}.subcategory-row.sub-row-left{--sub-angle:-30deg}.sub-panel{position:relative;flex:1;min-width:0;transform:skewX(var(--sub-angle));overflow:hidden;background:#293728;transition:flex .4s,filter .4s;filter:brightness(.85)}.sub-panel:hover,.sub-panel:focus-within{flex:1.35;filter:brightness(1.05)}.sub-art{position:absolute;inset:0;background-image:linear-gradient(160deg,#bad79422,#10171099),url('carbon-spread.svg');background-size:auto,50px 50px;overflow:hidden}.sub-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e170ffa,#0e170f05);z-index:2;pointer-events:none}.sub-art>img,.sub-art>video{position:absolute;top:0;left:-110px;width:calc(100% + 220px);height:100%;object-fit:cover;transform:skewX(calc(-1 * var(--sub-angle)))}.sub-shape{position:absolute;left:15%;top:30px;width:80%;height:160px;border:1px solid #c2daa07a;border-radius:15px;background:linear-gradient(145deg,#c2daa024,transparent);transform:skewX(calc(-1 * var(--sub-angle))) rotate(-20deg);box-shadow:12px 12px 0 #a0bd7925}.sub-copy{position:absolute;bottom:24px;left:-30%;right:-30%;text-align:center;color:#edf2e5;z-index:3;transform:skewX(calc(-1 * var(--sub-angle)))}.sub-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:1.1;margin:12px auto;max-width:230px;overflow-wrap:anywhere}.sub-caption{font-size:10px;line-height:1.5;color:#d0dbc4;max-width:200px;margin:0 auto 15px}.subcategory-pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin:22px 0;font-size:12px}.subcategory-pagination button:disabled{opacity:.4;cursor:default}.sub-remove{display:none;position:absolute;top:16px;left:50%;z-index:5;transform:translateX(-50%) skewX(calc(-1 * var(--sub-angle)));font-size:9px;white-space:nowrap;padding:7px;background:#fff3e5;color:#8a3021;border:1px solid #cab4a1}.editing-page .sub-remove{display:block}.editing-page .sub-panel:hover{flex:1}.subcategory-row .inline-editable{outline-offset:-2px}#sub-product-list[hidden]{display:none}#sub-product-list{scroll-margin-top:25px}@media(max-width:650px){.subcategory-row{--sub-angle:20deg;padding:0 30px;height:290px;gap:8px}.subcategory-row.sub-row-left{--sub-angle:-20deg}.sub-title{font-size:25px;max-width:150px}.sub-caption{max-width:130px;font-size:9px}.sub-copy{left:-45%;right:-45%}.subcategory-heading{align-items:flex-start}.subcategory-heading h3{font-size:30px}.subcategory-heading>button{max-width:150px}.subcategory-manager span{display:none}.sub-remove{font-size:8px}}@media(prefers-reduced-motion:reduce){.sub-panel{transition:none}}

.no-subcategories .subcategory-heading{display:none}.subcategory-empty{margin-bottom:20px}.subcategory-pagination button:focus-visible{outline:2px solid #8ba44e;outline-offset:3px}