/* Scoped to the local Shop All prototype; Header Builder still owns the header. */
.topika-category-menu,.topika-categories-mobile{--cat-accent:var(--wd-primary-color,#a72b2a);--cat-line:#eae7e3;color:#252525;font-family:inherit}
.topika-category-menu [hidden],.topika-categories-mobile [hidden],.topika-category-menu[hidden],.topika-category-backdrop[hidden]{display:none!important}
.topika-shop-trigger{gap:9px!important;cursor:pointer!important;pointer-events:auto!important}
.topika-cat-chevron{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);flex-shrink:0}
.topika-shop-trigger .topika-cat-chevron{transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.topika-shop-trigger[aria-expanded=true] .topika-cat-chevron{transform:rotate(225deg);margin-top:3px}
.topika-category-backdrop{position:fixed;inset:var(--topika-nav-top,80px) 0 0;background:rgba(21,20,18,.32);z-index:378}
.topika-category-menu{position:fixed;top:var(--topika-nav-top,80px);left:0;right:0;z-index:380;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.1);border-top:1px solid var(--cat-line);border-bottom:1px solid var(--cat-line);max-height:calc(100dvh - var(--topika-nav-top,80px) - 16px);display:flex;flex-direction:column}
.topika-category-menu button,.topika-categories-mobile button{font-family:inherit;text-transform:none;box-shadow:none;background:transparent;color:inherit;min-height:0;letter-spacing:normal;border:0}
.topika-category-bar{width:min(1440px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 36px 20px;flex-shrink:0;border-bottom:1px solid var(--cat-line)}
.topika-category-bar strong{display:block;font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.topika-category-eyebrow,.topika-category-label{display:block;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.5px;color:#8a817d}
.topika-category-eyebrow{margin-bottom:4px}
.topika-category-tools{display:flex;align-items:center;gap:24px}
.topika-category-search{display:flex;align-items:center;gap:10px;background:#f6f5f8;border:1px solid #e9e6e2;border-radius:6px;padding:0 13px;width:290px;margin:0}
.topika-category-search svg{fill:none;stroke:currentColor;stroke-width:1.6;color:#8c8680;flex-shrink:0}
.topika-category-search input[type=search]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0;height:42px;font-size:14px;min-width:0}
.topika-category-search:focus-within{outline:2px solid var(--cat-accent);outline-offset:2px}
.topika-category-close{font-size:28px!important;font-weight:300!important;padding:6px!important;width:36px;height:36px;line-height:24px;cursor:pointer}
.topika-category-body{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:268px minmax(0,1fr);height:570px;max-height:calc(100dvh - var(--topika-nav-top,80px) - 121px);min-height:0}
.topika-category-sidebar{display:flex;flex-direction:column;min-height:0;background:#f6f5f8;border-right:1px solid var(--cat-line);padding:23px 12px 0 24px}
.topika-category-label{padding:0 12px 13px;font-size:10px}
.topika-category-roots{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 8px 12px 0;scrollbar-width:thin;scrollbar-color:#d2cdc6 transparent}
.topika-category-roots>button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:10px 12px!important;font-size:14px!important;line-height:1.5;font-weight:400!important;border-radius:4px;cursor:pointer;margin-bottom:2px;min-height:39px}
.topika-category-roots>button .topika-cat-chevron{opacity:0;color:var(--cat-accent)}
.topika-category-roots>button:hover,.topika-category-roots>button[aria-selected=true]{background:color-mix(in srgb,var(--cat-accent) 8%,white);color:var(--cat-accent)}
.topika-category-roots>button[aria-selected=true]{font-weight:600!important}
.topika-category-roots>button[aria-selected=true] .topika-cat-chevron{opacity:1}
.topika-category-all{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:17px 14px 19px 12px;border-top:1px solid var(--cat-line);font-size:13px;font-weight:600;flex-shrink:0;color:var(--cat-accent)}
.topika-category-content{min-width:0;overflow:auto;overscroll-behavior:contain;padding:30px 36px 32px 38px;scrollbar-width:thin;scrollbar-color:#d2cdc6 transparent}
.topika-category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px;padding-bottom:21px;border-bottom:1px solid var(--cat-line)}
.topika-category-heading h2{font-family:inherit!important;font-size:24px!important;line-height:1.35;font-weight:500!important;letter-spacing:-.55px;margin:0 0 5px!important;color:#222}
.topika-category-heading p{font-size:12px;line-height:1.5;margin:0;color:#918882}
.topika-category-view{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--cat-accent)}
.topika-category-groups{columns:3 200px;column-gap:34px}
.topika-category-group{break-inside:avoid;margin:0 0 28px;display:flow-root}
.topika-category-group h3{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 10px;color:#282828}
.topika-category-group ul{list-style:none;margin:0;padding:0}
.topika-category-group li{margin:0;padding:0}
.topika-category-group li a{display:block;padding:5px 0;font-size:14px;line-height:1.55;color:#79736e;text-decoration:none}
.topika-category-group a:hover,.topika-category-all:hover,.topika-cat-result:hover{color:var(--cat-accent)}
.topika-category-group li a:hover{text-decoration:underline;text-underline-offset:3px}
.topika-category-menu :focus-visible,.topika-categories-mobile :focus-visible{outline:2px solid var(--cat-accent);outline-offset:3px;border-radius:2px}
.topika-category-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}
.topika-cat-result{display:block;border-bottom:1px solid var(--cat-line);padding:12px 0;font-size:13px;font-weight:500}
.topika-cat-result small{display:block;font-size:11px;font-weight:400;color:#918882;margin-top:4px;line-height:1.5}
.topika-category-empty{font-size:14px;color:#79736e;padding:20px 0}
.topika-mobile-toolbar{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--cat-line);font-size:15px;line-height:1.5}
.topika-mobile-toolbar strong{font-weight:500;min-width:0}
.topika-categories-mobile .topika-cat-back{padding:6px 0!important;font-size:12px!important;white-space:nowrap;cursor:pointer}
.topika-mobile-row{display:flex;align-items:stretch;border-bottom:1px solid #f0edeb;margin:0 20px;min-height:52px}
.topika-mobile-row a{display:flex;align-items:center;flex:1;min-width:0;padding:12px 0;font-size:14px;line-height:1.5;color:inherit}
.topika-mobile-row a:hover{color:var(--cat-accent)}
.topika-mobile-row button{width:44px;min-height:48px;padding:12px;cursor:pointer;flex-shrink:0}
.topika-mobile-view-all{display:block;padding:18px 20px;font-size:13px;font-weight:600;color:var(--cat-accent);background:#faf9f7}
.topika-mobile-count{font-size:11px;color:#918882;padding:0 20px;margin:15px 0 4px}
@media(min-width:1700px){.topika-category-body,.topika-category-bar{width:min(1600px,100%)}.topika-category-body{grid-template-columns:290px minmax(0,1fr)}.topika-category-roots>button,.topika-category-group li a{font-size:14px!important}.topika-category-group h3{font-size:14px}.topika-category-groups{column-gap:48px}}
@media(max-width:1100px){.topika-category-body{grid-template-columns:245px minmax(0,1fr)}.topika-category-content{padding:26px}.topika-category-groups{columns:2 180px}}
@media(max-width:1024px){.topika-category-menu,.topika-category-backdrop{display:none!important}}
@media(prefers-reduced-motion:reduce){.topika-shop-trigger .topika-cat-chevron{transition:none}}