.al-cat-page{position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:#fff}.al-cat{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#111;-webkit-font-smoothing:antialiased;padding:20px 0;position:relative}body.tax-product_cat #primary,body.tax-product_cat #main,body.tax-product_cat #content,body.tax-product_cat .site-main,body.tax-product_cat .content-area,body.tax-product_cat .col-full,body.tax-product_cat .woocommerce,body.tax-product_cat .woocommerce-products-header,body.tax-product_cat .woocommerce-products-header__title,body.tax-product_cat .page-header,body.tax-product_cat .archive-header{margin-top:0!important;padding-top:0!important}body.tax-product_cat .woocommerce-products-header,body.tax-product_cat .archive-header,body.tax-product_cat .page-header,body.tax-product_cat .woocommerce-breadcrumb{display:none!important}.al-cat__container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.al-cat-page__bg{position:absolute;top:0;left:0;right:0;height:clamp(180px,22vw,280px);pointer-events:none;z-index:0;background-image:var(--al-cat-bg-image);background-repeat:no-repeat;background-size:clamp(520px,50vw,820px) auto;background-position:right top;opacity:.26;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 28%,rgba(0,0,0,.44) 52%,rgba(0,0,0,.16) 72%,rgba(0,0,0,0) 86%);mask-image:linear-gradient(to left,#000,#000c 28%,#00000070 52%,#00000029 72%,#0000 86%)}.al-cat-page__bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,#fff,#ffffffd1 22%,#ffffff70 38%,#ffffff24 52%,#fff0 64%);background-repeat:no-repeat;background-size:clamp(520px,50vw,820px) 100%;background-position:right top}.al-cat-page__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff0d,#ffffff4d 40%,#ffffffb8 68%,#fff)}.al-cat__dynamic{position:relative;isolation:isolate}.al-cat__dynamic>*{position:relative}@media(max-width:768px){.al-cat-page__bg{height:clamp(150px,40vw,196px);background-size:clamp(340px,92vw,500px) auto;background-position:right top;opacity:.24;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.36) 54%,rgba(0,0,0,.12) 72%,rgba(0,0,0,0) 84%);mask-image:linear-gradient(to left,#000,#000000b8 30%,#0000005c 54%,#0000001f 72%,#0000 84%)}.al-cat-page__bg:before{background-size:clamp(340px,92vw,500px) 100%}}.al-cat__breadcrumbs-wrap{margin:0 0 14px}.al-cat__breadcrumbs{display:block;width:100%;max-width:100%;margin:0;font-size:12px;line-height:1.4;color:#666e82}.al-cat__breadcrumbs-list{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;min-width:0}.al-cat__breadcrumbs-item{display:inline;min-width:0;white-space:normal;overflow-wrap:anywhere}.al-cat__breadcrumbs-item+.al-cat__breadcrumbs-item:before{content:"/";color:#b0b5c5;margin-right:8px}.al-cat__breadcrumbs a{color:#5b6bbd;text-decoration:none}.al-cat__breadcrumbs a:hover{color:#5060b5;text-decoration:underline}.al-cat__breadcrumbs-item:last-child{color:#666e82}.al-cat__breadcrumbs-item a,.al-cat__breadcrumbs-item span{white-space:normal;overflow-wrap:anywhere}.al-cat__header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:24px;flex-wrap:wrap}.al-cat__identity{display:flex;align-items:center;gap:12px}.al-cat__icon{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.al-cat__name{font-size:27px!important;font-weight:700;margin:0;line-height:1.2}.al-cat__seo-heading{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.al-cat__tabs{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.al-cat__tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:#555;text-decoration:none;background:transparent;transition:background .15s ease,color .15s ease;white-space:nowrap}.al-cat__tab:hover{background:#e8e8e8;color:#111}.al-cat__tab--active{background:#5b6bbd;color:#fff}.al-cat__tab--active:hover{background:#5060b5;color:#fff}.al-cat__trust-badges{display:flex;gap:8px;flex-wrap:wrap;margin:0 10px 0 0}.al-cat__trust-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;border:1px solid rgba(98,114,195,.22);background:#5b6bbd12;color:#4b5ab0;font-size:12px;font-weight:600;line-height:1}.al-cat__trust-badge svg{width:14px;height:14px;flex-shrink:0}.al-cat__toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;z-index:4}.al-cat__faq{margin:26px 0}.al-cat__results-count{font-size:13px;color:#6b6b6b;font-weight:500}.al-cat__search{max-width:380px;display:flex;position:relative;margin-bottom:12px}.al-cat__search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #ddd;border-radius:100px;font-size:14px;font-family:inherit;background:#efeff1;outline:none;transition:border-color .15s ease;appearance:none;-webkit-appearance:none}.al-cat__search-input[type=search]::-webkit-search-decoration,.al-cat__search-input[type=search]::-webkit-search-cancel-button,.al-cat__search-input[type=search]::-webkit-search-results-button,.al-cat__search-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.al-cat__search-input:focus{border-color:#5b6bbd;background:#efeff1}.al-cat__search-btn{position:absolute;left:4px;right:auto;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:#888;display:flex;align-items:center}.al-cat__search-btn:hover{color:#5b6bbd}.al-cat__filter-wrap{position:relative;z-index:120}.al-cat__filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;color:#555;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.al-cat__filter-btn:hover{border-color:#5b6bbd59;color:#5b6bbd}.al-cat__filter-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;min-width:240px;max-width:300px;box-shadow:0 8px 24px #0000001a;z-index:130}.al-cat__filter-menu--open{display:flex;flex-direction:column;max-height:480px}.al-cat__filter-handle,.al-cat__filter-header{display:none}.al-cat__filter-title{font-size:15px;font-weight:600;color:#111}.al-cat__filter-close{display:none}.al-cat__filter-body{flex:1;overflow-y:auto}.al-cat__filter-footer{padding-top:8px;flex-shrink:0}.al-cat__filter-backdrop{display:none}.al-cat__filter-group{margin-bottom:14px}.al-cat__filter-heading{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b6b;margin-bottom:8px}.al-cat__filter-option{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;padding:4px 0;cursor:pointer}.al-cat__filter-option input{accent-color:#5b6bbd;cursor:pointer}.al-cat__filter-apply{width:100%;padding:9px;background:#5b6bbd;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease}.al-cat__filter-apply:hover{background:#5060b5}.al-cat__pagination{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.al-cat__page-link{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#555;text-decoration:none;transition:background .15s ease,color .15s ease}.al-cat__page-link:hover{background:#5b6bbd14;color:#5b6bbd}.al-cat__page-link--active{background:#5b6bbd;color:#fff}.al-cat__page-link--active:hover{background:#5060b5;color:#fff}.al-cat__page-dots{padding:8px 4px;color:#999;font-size:13px}.al-cat__explainer{--al-cat-exp-accent: var(--wp--preset--color--primary, #5b6bbd);padding-top:30px;margin-top:46px;border-top:1px solid rgba(16,24,40,.1)}.al-cat__exp-layout{--al-cat-exp-image: none;display:grid;grid-template-columns:minmax(0,56%) minmax(0,1fr);gap:30px;align-items:stretch}.al-cat__exp-visual{position:relative;overflow:hidden;border-radius:14px;min-height:500px;border:1px solid rgba(15,23,42,.14);background:#111827}.al-cat__exp-visual:before{content:"";position:absolute;inset:0;background-image:var(--al-cat-exp-image);background-size:cover;background-position:center;transform:scale(1.02)}.al-cat__exp-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10182814,#10182861 58%,#101828bd)}.al-cat__exp-visual-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px}.al-cat__exp-visual-title{margin:0;color:#fff;font-size:clamp(1.2rem,1.04rem + .24vw,1.42rem);font-weight:760;line-height:1.16;letter-spacing:-.015em}.al-cat__exp-visual-text{margin:8px 0 0;max-width:88%;color:#f1f5fff0;font-size:12.5px;line-height:1.46}.al-cat__exp-timeline{position:relative;--al-exp-line-left: 8px;display:flex;flex-direction:column;gap:14px;padding-left:24px}.al-cat__exp-timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:var(--al-exp-line-left);width:2px;border-radius:999px;background:#5b6bbd42}.al-cat__exp-step{position:relative;display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:flex-start;padding:14px 14px 14px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.06);background:#fff}.al-cat__exp-step-node{position:absolute;left:-22px;top:22px;width:12px;height:12px;border-radius:999px;background:var(--al-cat-exp-accent);box-shadow:0 0 0 4px #fff}.al-cat__exp-step-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--al-cat-exp-accent);color:#fff;line-height:0}.al-cat__exp-step-icon svg{width:18px;height:18px;display:block}.al-cat__exp-step-copy{min-width:0}.al-cat__exp-step-title{margin:0;color:#111827;font-size:clamp(1rem,.95rem + .13vw,1.08rem);font-weight:730;line-height:1.24;letter-spacing:-.01em}.al-cat__exp-step-text{margin:6px 0 0;color:#4b5563;font-size:clamp(.9rem,.86rem + .08vw,.95rem);line-height:1.5}.al-cat__seo{margin-top:28px;padding-top:26px;border-top:1px solid rgba(16,24,40,.1)}.al-cat__seo-content{color:#1f2937;font-size:15px;line-height:1.75}.al-cat__seo-content>*:first-child{margin-top:0}.al-cat__seo-content>*:last-child{margin-bottom:0}.al-cat__seo-content h2,.al-cat__seo-content h3{color:#111827;letter-spacing:-.01em;line-height:1.25}.al-cat__seo-content h2{font-size:clamp(1.2rem,1.08rem + .4vw,1.45rem);margin:30px 0 12px;font-weight:760}.al-cat__seo-content h3{font-size:clamp(1.04rem,.98rem + .22vw,1.18rem);margin:24px 0 10px;font-weight:710}.al-cat__seo-content p,.al-cat__seo-content ul,.al-cat__seo-content ol{margin:0 0 13px}.al-cat__seo-content ul,.al-cat__seo-content ol{padding-left:20px}.al-cat__seo-content li{margin-bottom:6px}.al-cat__seo-content a{color:#4b5ab0;text-decoration:underline;text-underline-offset:2px}.al-cat__seo-content a:hover{color:#39499e}.al-cat__seo-content strong{color:#0f172a;font-weight:700}.al-cat__seo-content table{width:100%;border-collapse:collapse;border:1px solid rgba(15,23,42,.12);border-radius:12px;overflow:hidden;margin:14px 0 18px;font-size:14px;line-height:1.55}.al-cat__seo-content thead{background:#f6f8ff}.al-cat__seo-content th,.al-cat__seo-content td{padding:11px 12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:top}.al-cat__seo-content tbody tr:last-child td{border-bottom:none}.al-cat__seo-content th{color:#1f2a4a;font-size:12px;font-weight:700;letter-spacing:.02em}@media(max-width:768px){.al-cat{padding-top:16px;padding-bottom:32px}.al-cat__container{padding-left:16px;padding-right:16px}.al-cat__header{flex-direction:column;align-items:flex-start}.al-cat__header .al-cat__identity{order:1}.al-cat__header .al-cat__trust-badges{order:2;width:100%;margin:0 0 8px}.al-cat__tabs{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:0}.al-cat__tabs::-webkit-scrollbar{display:none}.al-cat__icon{width:28px;height:28px;border-radius:6px}.al-cat__name{font-size:20px!important;font-weight:600}.al-cat__explainer{margin-top:28px;padding-top:20px}.al-cat__exp-layout{grid-template-columns:1fr;gap:16px}.al-cat__exp-visual{min-height:228px}.al-cat__exp-visual:after{background:linear-gradient(180deg,#10182814,#1018286b 62%,#101828c2)}.al-cat__exp-visual-content{padding:14px}.al-cat__exp-visual-title{font-size:1.2rem}.al-cat__exp-visual-text{max-width:100%;font-size:12px}.al-cat__exp-timeline{gap:12px;--al-exp-line-left: 7px;padding-left:20px}.al-cat__exp-timeline:before{left:var(--al-exp-line-left)}.al-cat__exp-step{grid-template-columns:32px 1fr;gap:11px;padding:13px 13px 13px 11px}.al-cat__exp-step-node{left:-18px;top:20px;width:10px;height:10px}.al-cat__exp-step-icon{width:32px;height:32px;border-radius:8px}.al-cat__exp-step-icon svg{width:16px;height:16px}.al-cat__exp-step-title{font-size:1rem}.al-cat__exp-step-text{font-size:.9rem}.al-cat__seo{margin-top:22px;padding-top:20px}.al-cat__seo-content{font-size:14px;line-height:1.7}.al-cat__seo-content h2{margin:24px 0 10px}.al-cat__seo-content h3{margin:20px 0 8px}.al-cat__seo-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.al-cat__search{max-width:100%}.al-cat__filter-menu{display:flex!important;flex-direction:column;position:fixed;inset:auto 0 0;height:85vh;max-height:none;max-width:none;min-width:0;border-radius:20px 20px 0 0;border:none;padding:0;box-shadow:0 -4px 32px #00000026;z-index:1000;transform:translateY(110%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.al-cat__filter-menu--open{transform:translateY(0)}.al-cat__filter-handle{display:block;width:36px;height:4px;background:#ddd;border-radius:2px;margin:12px auto 0;flex-shrink:0}.al-cat__filter-header{display:flex;align-items:center;justify-content:center;position:relative;padding:16px 20px 14px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.07)}.al-cat__filter-close{display:flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;color:#555;padding:0}.al-cat__filter-body{flex:1;overflow-y:auto;padding:20px 20px 4px;-webkit-overflow-scrolling:touch}.al-cat__filter-footer{padding:12px 20px 24px;flex-shrink:0;border-top:1px solid rgba(0,0,0,.07)}.al-cat__filter-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.al-cat__filter-backdrop--open{opacity:1;pointer-events:all}.al-cat__filter-option{padding:8px 0;font-size:14px}}
/* Below-the-fold hub content is laid out only when it nears the viewport. Each layout pass during load (CSS, scripts, web font) otherwise re-flowed the whole 9,200 px page: 435-456 ms tasks on a slow phone. Content stays in the DOM for search, screen readers and find-in-page; WP Rocket's own lazy render never runs on category pages. Off on WuWa pages: they never froze and read slightly worse with it (8+8 loads per page, 2026-09-25). */body:not(.term-wuthering-waves) .al-cat-page .al-cat__grid>.al-cat__product:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:auto 170px}body:not(.term-wuthering-waves) .al-cat-page .al-quote,body:not(.term-wuthering-waves) .al-cat-page .al-cat__explainer,body:not(.term-wuthering-waves) .al-cat-page .al-cat__seo{content-visibility:auto;contain-intrinsic-size:auto 700px}