.cd-hub-page{--cdh-accent:var(--cp-accent,var(--color-accent,#f3631c));--cdh-primary:var(--cp-purple,var(--color-primary,#404eed));--cdh-secondary:var(--color-secondary,#6470f8);--cdh-bg:var(--cp-bg,var(--color-brand-bg,var(--background,#f9fafb)));--cdh-text:var(--cp-text,var(--color-brand-text,var(--foreground,#1a1e36)));--cdh-muted:var(--cp-text2,var(--color-text-muted,color-mix(in srgb,var(--cdh-text) 52%,transparent)));--cdh-surface:var(--cp-surface,var(--color-surface,var(--background,#fff)));--cdh-border:var(--cp-border,var(--color-border,color-mix(in srgb,var(--cdh-text) 12%,transparent)));--cdh-r:var(--radius-md,10px);--cdh-ease:cubic-bezier(0.22,1,0.36,1);min-height:50vh;color:var(--cdh-text);background:var(--cdh-bg);padding-bottom:1rem}.cdh-wrap{width:100%;max-width:var(--container-width,1480px);margin-inline:auto;padding:1rem 1rem 0}@media (min-width:640px){.cdh-wrap{padding-inline:1.5rem}}.cdh-hero{position:relative;overflow:hidden;margin-bottom:1.5rem;border-radius:calc(var(--cdh-r) + 6px);border:1px solid var(--cdh-border);background:var(--cdh-surface);box-shadow:0 4px 24px color-mix(in srgb,var(--cdh-text) 8%,transparent);text-align:center}.cdh-hero-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 0 0,color-mix(in srgb,var(--cdh-primary) 14%,transparent),transparent 55%),radial-gradient(ellipse 60% 70% at 100% 20%,color-mix(in srgb,var(--cdh-secondary) 12%,transparent),transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,color-mix(in srgb,var(--cdh-accent) 8%,transparent),transparent 55%);pointer-events:none}.cdh-hero-content{position:relative;z-index:1;padding:1.75rem 1.25rem 1.5rem}@media (min-width:768px){.cdh-hero-content{padding:2.25rem 2rem 2rem}}.cdh-hero-title{margin:0 0 .5rem;font-family:var(--font-heading,inherit);font-size:clamp(1.65rem,4vw,2.35rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--cdh-text)}.cdh-hero-desc{max-width:36rem;margin:0 auto 1.35rem;font-size:.9375rem;line-height:1.55;color:var(--cdh-muted)}.cdh-hero-search{position:relative;max-width:28rem;margin:0 auto}.cdh-hero-search input{width:100%;padding:.75rem 2.75rem .75rem 2.65rem;font-size:.875rem;color:var(--cdh-text);background:color-mix(in srgb,var(--cdh-surface) 88%,var(--cdh-primary) 12%);border:1px solid var(--cdh-border);border-radius:999px;outline:none;transition:border-color .25s var(--cdh-ease),box-shadow .25s var(--cdh-ease)}.cdh-hero-search input::placeholder{color:var(--cdh-muted)}.cdh-hero-search input:focus{border-color:color-mix(in srgb,var(--cdh-primary) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cdh-primary) 12%,transparent)}.cdh-hero-search svg{position:absolute;left:1rem;top:50%;width:1.125rem;height:1.125rem;transform:translateY(-50%);color:var(--cdh-muted);pointer-events:none}.cdh-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}@media (min-width:640px){.cdh-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.cdh-hub-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}}.cdh-hub-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;border:1px solid var(--cdh-border);background:var(--cdh-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--cdh-text) 10%,transparent);text-decoration:none;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s}.cdh-hub-card:hover{transform:translateY(-6px) scale(1.02);border-color:color-mix(in srgb,var(--cdh-accent) 55%,transparent);box-shadow:0 20px 40px color-mix(in srgb,var(--cdh-accent) 22%,transparent)}.cdh-hub-media{position:relative;overflow:hidden;aspect-ratio:5/6;background:linear-gradient(145deg,color-mix(in srgb,var(--cdh-surface) 50%,var(--cdh-primary) 50%),color-mix(in srgb,var(--cdh-surface) 40%,var(--cdh-accent) 60%))}.cdh-hub-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1),filter .7s}.cdh-hub-first{display:block}.cdh-hub-hover{position:absolute;inset:0;transform:translateY(-100%);filter:brightness(1.15) contrast(1.1) saturate(1.15) hue-rotate(12deg)}.cdh-hub-card:hover .cdh-hub-first{transform:translateY(100%) scale(1.08)}.cdh-hub-card:hover .cdh-hub-hover{transform:translateY(0) scale(1.06)}.cdh-hub-shade{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--cdh-text) 88%,transparent) 0,color-mix(in srgb,var(--cdh-text) 35%,transparent) 38%,transparent 68%);pointer-events:none;transition:opacity .35s}.cdh-hub-card:hover .cdh-hub-shade{background:linear-gradient(to top,color-mix(in srgb,var(--cdh-text) 92%,transparent) 0,color-mix(in srgb,var(--cdh-text) 45%,transparent) 42%,color-mix(in srgb,var(--cdh-accent) 12%,transparent) 100%)}.cdh-hub-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.5rem .625rem .65rem;pointer-events:none}@media (min-width:640px){.cdh-hub-foot{padding:.625rem .75rem .75rem}}.cdh-hub-name{margin:0;font-size:.75rem;font-weight:700;line-height:1.3;text-align:center;color:color-mix(in srgb,var(--cdh-surface) 96%,var(--cdh-text) 4%);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px color-mix(in srgb,var(--cdh-text) 45%,transparent);transition:color .3s,transform .3s}@media (min-width:640px){.cdh-hub-name{font-size:.8125rem}}.cdh-hub-card:hover .cdh-hub-name{color:var(--cdh-accent);transform:scale(1.03)}.cdh-hub-line{display:block;width:1.75rem;height:2px;margin:.35rem auto 0;border-radius:999px;background:linear-gradient(to right,transparent,var(--cdh-accent),transparent);opacity:0;transform:scaleX(0);transition:opacity .35s,transform .35s}.cdh-hub-card:hover .cdh-hub-line{opacity:1;transform:scaleX(1)}.cdh-hub-glow{position:absolute;inset:0;border-radius:.75rem;border:2px solid transparent;transition:border-color .35s;pointer-events:none;z-index:3}.cdh-hub-card:hover .cdh-hub-glow{border-color:color-mix(in srgb,var(--cdh-accent) 65%,transparent)}.cdh-products-section{margin-top:.5rem}.cdh-empty{padding:2.5rem 1rem;text-align:center;color:var(--cdh-muted);font-size:.9375rem}.cdh-empty-sub{margin-top:.5rem;font-size:.8125rem}@keyframes cdh-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cd-hub-page.page-enter{animation:cdh-fade-in .45s ease-out}.cd-page{--cd-accent:var(--cp-accent,var(--color-accent,#f3631c));--cd-purple:var(--cp-purple,var(--color-primary,#441170));--cd-bg:var(--cp-bg,var(--color-brand-bg,var(--background,#f9fafb)));--cd-text:var(--cp-text,var(--color-brand-text,var(--foreground,#111827)));--cd-muted:var(--cp-text2,var(--color-text-muted,color-mix(in srgb,var(--cd-text) 55%,transparent)));--cd-surface:var(--cp-surface,var(--color-surface,var(--background,#ffffff)));--cd-surface2:var(--cp-surface2,color-mix(in srgb,var(--cd-surface) 92%,var(--cd-text) 8%));--cd-border:var(--cp-border,var(--color-border,color-mix(in srgb,var(--cd-text) 14%,transparent)));--cd-surface-glass:color-mix(in srgb,var(--cd-surface) 90%,transparent);--cd-card-from:var(--cd-surface);--cd-card-to:var(--cd-surface2);--cd-card-media-from:color-mix(in srgb,var(--cd-surface) 55%,var(--cd-purple) 45%);--cd-card-media-to:color-mix(in srgb,var(--cd-surface) 45%,var(--cd-text) 55%);min-height:50vh;color:var(--cd-text);background:var(--cd-bg)}.cd-hero{position:relative;width:100%;aspect-ratio:9/1;min-height:4rem;background-color:color-mix(in srgb,var(--cd-purple) 25%,var(--cd-bg));background-position:50%;background-size:cover;overflow:hidden}.cd-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,color-mix(in srgb,var(--cd-bg) 40%,transparent));pointer-events:none}.cd-container{position:relative;width:100%;max-width:var(--container-width,1480px);margin-inline:auto;padding:0 1rem 3rem}@media (min-width:1024px){.cd-container{display:flex;gap:2rem;margin-top:-4rem;padding-inline:1.5rem}}@media (min-width:1280px){.cd-container{margin-top:-4.5rem}}.cd-sidebar{display:none}@media (min-width:1024px){.cd-sidebar{display:block;flex-shrink:0;width:360px;margin-bottom:1.5rem}.cd-sidebar-inner{position:sticky;top:2rem}}.cd-cover-wrap{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 25px 50px -12px color-mix(in srgb,#000 45%,transparent);aspect-ratio:.833/1}.cd-cover-wrap .ctu-thumb-fallback,.cd-cover-wrap img{width:100%;height:100%;object-fit:cover}.cd-desc-card{margin-top:1.5rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--cd-border);background:linear-gradient(135deg,color-mix(in srgb,var(--cd-purple) 12%,transparent),color-mix(in srgb,var(--cd-accent) 12%,transparent));backdrop-filter:blur(16px);box-shadow:0 25px 50px -12px color-mix(in srgb,var(--cd-text) 12%,transparent)}.cd-desc-scroll{max-height:400px;overflow-y:auto;font-size:.875rem;line-height:1.6;color:var(--cd-muted)}.cd-desc-scroll p{margin:0 0 .75rem}.cd-desc-scroll p:last-child{margin-bottom:0}.cd-main{flex:1;min-width:0;margin-top:3rem}@media (min-width:640px){.cd-main{margin-top:4rem}}@media (min-width:1024px){.cd-main{margin-top:4.5rem}}.cd-section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;padding-left:1rem;font-size:1.125rem;font-weight:700;color:var(--cd-text)}@media (min-width:640px){.cd-section-title{padding-left:0;font-size:1.25rem}}@media (min-width:1024px){.cd-section-title{font-size:1.5rem}}.cd-section-bar{flex-shrink:0;width:4px;height:2rem;border-radius:999px;background:linear-gradient(to bottom,var(--cd-purple),var(--cd-accent))}.cd-sub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;padding-inline:.5rem}@media (min-width:640px){.cd-sub-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:0}}@media (min-width:768px){.cd-sub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.cd-sub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.cd-sub-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.cd-sub-card,.cd-sub-item{position:relative}.cd-sub-card{display:block;overflow:hidden;border-radius:.5rem;border:1px solid var(--cd-border);background:linear-gradient(145deg,var(--cd-card-from),var(--cd-card-to));transition:all .5s cubic-bezier(.4,0,.2,1);text-decoration:none}.cd-sub-card:hover{transform:scale(1.05);border-color:color-mix(in srgb,var(--cd-accent) 60%,transparent);box-shadow:0 25px 50px color-mix(in srgb,var(--cd-accent) 25%,transparent)}.cd-sub-media{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--cd-card-media-from),var(--cd-card-media-to))}.cd-sub-media img{width:100%;aspect-ratio:.833/1;object-fit:cover;transition:all .7s cubic-bezier(.4,0,.2,1)}.cd-sub-card:hover .cd-sub-first{transform:translateY(100%) scale(1.1)}.cd-sub-hover{position:absolute;inset:0;width:100%;aspect-ratio:.833/1;object-fit:cover;transform:translateY(-100%);filter:brightness(1.4) contrast(1.3) saturate(1.4) hue-rotate(15deg);transition:all .7s cubic-bezier(.4,0,.2,1)}.cd-sub-card:hover .cd-sub-hover{transform:translateY(0) scale(1.1)}.cd-sub-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3),transparent);opacity:0;transition:opacity .5s;pointer-events:none}.cd-sub-card:hover .cd-sub-overlay{opacity:1}.cd-sub-badge{position:absolute;top:.25rem;right:.25rem;z-index:10;padding:.125rem .375rem;font-size:.75rem;font-weight:700;color:#fff;border-radius:.375rem;background:linear-gradient(to right,var(--cd-accent),color-mix(in srgb,var(--cd-accent) 90%,transparent));box-shadow:0 2px 8px color-mix(in srgb,var(--cd-accent) 40%,transparent)}.cd-sub-glow{position:absolute;inset:0;border-radius:.5rem;border:2px solid transparent;transition:border-color .5s;pointer-events:none}.cd-sub-card:hover .cd-sub-glow{border-color:color-mix(in srgb,var(--cd-accent) 60%,transparent)}.cd-sub-shine{position:absolute;inset:0;border-radius:.5rem;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 15%,transparent),transparent);transform:translateX(-100%);transition:transform 1s;pointer-events:none}.cd-sub-card:hover .cd-sub-shine{transform:translateX(100%)}.cd-sub-name-wrap{text-align:center;padding:.5rem;border-bottom:1px solid var(--cd-border);border-radius:0 0 .5rem .5rem}.cd-sub-name{margin:0;min-height:2.5rem;font-size:.875rem;font-weight:600;line-height:1.25;color:var(--cd-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.cd-sub-item:hover .cd-sub-name{color:var(--cd-accent)}.cd-tools{margin-bottom:1.5rem;padding-inline:.25rem}@media (min-width:640px){.cd-tools{padding-inline:.5rem}}.cd-tools-mobile{display:block}.cd-tools-desktop{display:none}@media (min-width:1024px){.cd-tools-mobile{display:none}.cd-tools-desktop{display:block}}.cd-tools-row{justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.cd-tool-btn,.cd-tools-row{display:flex;align-items:center}.cd-tool-btn{justify-content:center;flex-shrink:0;padding:.625rem;color:var(--cd-muted);background:var(--cd-surface-glass);backdrop-filter:blur(8px);border:1px solid var(--cd-border);border-radius:.75rem;transition:border-color .3s,background .3s,color .3s}.cd-tool-btn:hover{border-color:color-mix(in srgb,var(--cd-accent) 35%,transparent);background:color-mix(in srgb,var(--cd-accent) 8%,transparent);color:var(--cd-accent)}.cd-search-panel{overflow:hidden;height:0;opacity:0;margin-bottom:0;transition:height .3s,opacity .3s,margin .3s}.cd-search-panel.is-open{height:auto;opacity:1;margin-bottom:.75rem}.cd-search-input{width:100%;padding:.75rem 3rem;font-size:.875rem;color:var(--cd-text);background:var(--cd-surface-glass);backdrop-filter:blur(8px);border:1px solid var(--cd-border);border-radius:.75rem;outline:none;transition:border-color .3s,box-shadow .3s}.cd-search-input::placeholder{color:var(--cd-muted)}.cd-search-input:focus{border-color:color-mix(in srgb,var(--cd-accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cd-accent) 18%,transparent)}.cd-search-wrap{position:relative}.cd-search-wrap svg.cd-search-icon{left:1rem;width:1.25rem;height:1.25rem;pointer-events:none}.cd-search-clear,.cd-search-wrap svg.cd-search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--cd-muted)}.cd-search-clear{right:1rem;transition:color .2s}.cd-search-clear:hover{color:var(--cd-accent)}.cd-sort-select{flex:1;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;color:var(--cd-text);background:var(--cd-surface-glass);backdrop-filter:blur(8px);border:1px solid var(--cd-border);border-radius:.75rem;appearance:none;outline:none;transition:border-color .3s}.cd-sort-select:focus{border-color:color-mix(in srgb,var(--cd-accent) 55%,transparent)}.cd-sort-wrap{position:relative;flex:1}.cd-sort-wrap svg{position:absolute;right:1rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--cd-muted);pointer-events:none}.cd-view-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--cd-surface-glass);backdrop-filter:blur(8px);border:1px solid var(--cd-border);border-radius:.75rem}.cd-view-btn{padding:.5rem;border-radius:.5rem;color:var(--cd-muted);transition:background .2s,color .2s,transform .2s}.cd-view-btn:hover{background:color-mix(in srgb,var(--cd-accent) 15%,transparent);color:var(--cd-accent)}.cd-view-btn.is-active{background:color-mix(in srgb,var(--cd-accent) 22%,transparent);color:var(--cd-accent)}.cd-tools-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cd-products{display:grid;gap:.5rem;padding-inline:.25rem;transition:all .3s}@media (min-width:768px){.cd-products{gap:.75rem}}.cd-products:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.cd-products:not(.list-view){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.cd-products--classic:not(.list-view){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.cd-products--classic:not(.list-view){grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.cd-products--hub:not(.list-view){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.cd-products--hub:not(.list-view){grid-template-columns:repeat(5,minmax(0,1fr))}}.cd-products.list-view{grid-template-columns:minmax(0,1fr);gap:.625rem}@media (min-width:768px){.cd-products.list-view{gap:.75rem}}.cd-products .cd-product-cell{display:flex;min-width:0;height:100%}.cd-products .cd-product-cell>[data-product-card],.cd-products .cd-product-cell>a{width:100%;height:100%;min-width:0;flex:1 1 auto}.cd-products.list-view .cd-product-cell{height:auto}.cd-products.list-view .cd-product-cell.is-list>a[data-layout=list]{width:100%}.cd-mobile-aside{display:block;margin-bottom:1.5rem}@media (min-width:1024px){.cd-mobile-aside{display:none}}.cd-mobile-aside-inner{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.cd-mobile-aside-inner{flex-direction:row;align-items:flex-start}}.cd-similar{max-width:var(--container-width,1480px);margin:2rem auto 3rem;padding:0 1rem}@media (min-width:640px){.cd-similar{padding-inline:1.5rem}}.cd-similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (min-width:640px){.cd-similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.cd-similar-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.cd-similar-card{display:block;text-decoration:none}.cd-similar-card .game-card{margin-bottom:.5rem}.cd-similar-name{margin:0;font-size:.875rem;font-weight:600;text-align:center;line-height:1.25;color:var(--cd-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.cd-similar-card:hover .cd-similar-name{color:var(--cd-accent)}.cd-empty{grid-column:1/-1;flex-direction:column;padding:4rem 1.5rem;text-align:center}.cd-empty,.cd-empty-icon{display:flex;align-items:center;justify-content:center}.cd-empty-icon{width:5rem;height:5rem;margin-bottom:1.5rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--cd-purple) 22%,transparent),color-mix(in srgb,var(--cd-accent) 22%,transparent));color:var(--cd-muted)}.cd-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--cd-text)}.cd-empty p{margin:0;font-size:.9375rem;color:var(--cd-muted)}@keyframes cd-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cd-page.page-enter{animation:cd-fade-in .5s ease-out}.ctu-page{--ctu-primary:var(--cp-purple,var(--color-primary,#404eed));--ctu-accent:var(--cp-accent,var(--color-accent,#f3631c));--ctu-bg:var(--cp-bg,var(--color-brand-bg,var(--background,#0f1117)));--ctu-surface:var(--cp-surface,var(--color-surface,#1a1d26));--ctu-surface2:var(--cp-surface2,color-mix(in srgb,var(--ctu-surface) 88%,var(--ctu-primary) 12%));--ctu-text:var(--cp-text,var(--color-brand-text,var(--foreground,#f3f4f6)));--ctu-muted:var(--cp-text2,var(--color-text-muted,color-mix(in srgb,var(--ctu-text) 55%,transparent)));--ctu-border:var(--cp-border,var(--color-border,color-mix(in srgb,var(--ctu-text) 14%,transparent)));--ctu-r:var(--radius-md,12px);--ctu-ease:cubic-bezier(0.22,1,0.36,1);min-height:50vh;color:var(--ctu-text);background:var(--ctu-bg);padding-bottom:2rem}.ctu-wrap{width:100%;max-width:var(--container-width,1480px);margin-inline:auto;padding:1rem 1rem 0}@media (min-width:640px){.ctu-wrap{padding-inline:1.5rem}}.ctu-hero{position:relative;overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--ctu-border);border-radius:calc(var(--ctu-r) + 4px);background:var(--ctu-surface);min-height:8.5rem}.ctu-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.ctu-hero--has-banner .ctu-hero-bg{background-size:cover;background-position:50%;background-repeat:no-repeat}.ctu-hero--has-banner .ctu-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,color-mix(in srgb,var(--ctu-bg) 94%,transparent) 0,color-mix(in srgb,var(--ctu-bg) 72%,transparent) 38%,color-mix(in srgb,var(--ctu-bg) 38%,transparent) 68%,color-mix(in srgb,var(--ctu-bg) 12%,transparent) 100%)}.ctu-hero--mesh .ctu-hero-bg{background:repeating-linear-gradient(-48deg,color-mix(in srgb,var(--ctu-surface2) 90%,var(--ctu-text) 10%) 0,color-mix(in srgb,var(--ctu-surface2) 90%,var(--ctu-text) 10%) 14px,color-mix(in srgb,var(--ctu-surface) 86%,var(--ctu-primary) 14%) 14px,color-mix(in srgb,var(--ctu-surface) 86%,var(--ctu-primary) 14%) 30px),linear-gradient(135deg,color-mix(in srgb,var(--ctu-surface) 80%,var(--ctu-primary) 20%),color-mix(in srgb,var(--ctu-surface2) 85%,var(--ctu-accent) 15%))}.ctu-hero-inner{position:relative;z-index:1;display:grid;gap:1rem;padding:1.25rem}@media (min-width:768px){.ctu-hero{min-height:9.5rem}.ctu-hero-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem}}.ctu-hero-media{width:7rem;height:7rem;overflow:hidden;flex-shrink:0;border-radius:calc(var(--ctu-r) + 2px);border:2px solid color-mix(in srgb,var(--ctu-surface) 70%,var(--ctu-text) 30%);background:var(--ctu-surface2);box-shadow:0 8px 24px color-mix(in srgb,var(--ctu-text) 18%,transparent)}@media (min-width:768px){.ctu-hero-media{width:8.5rem;height:8.5rem}}.ctu-hero-media .ctu-thumb-fallback,.ctu-hero-media img{width:100%;height:100%;object-fit:cover}.ctu-hero-media .ctu-thumb-fallback{font-size:1.75rem}.ctu-thumb-fallback{display:grid;place-content:center;font-size:1.5rem;font-weight:800;color:var(--ctu-muted);background:linear-gradient(145deg,color-mix(in srgb,var(--ctu-surface2) 80%,var(--ctu-primary) 20%),color-mix(in srgb,var(--ctu-surface) 75%,var(--ctu-accent) 25%))}.ctu-hero-body{min-width:0}.ctu-hero-title{margin:0 0 .5rem;font-family:var(--font-heading,inherit);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}.ctu-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.ctu-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;color:var(--ctu-muted);border:1px solid var(--ctu-border);border-radius:999px;background:color-mix(in srgb,var(--ctu-surface2) 80%,transparent)}.ctu-hero-note{margin:0;font-size:.8125rem;line-height:1.5;color:var(--ctu-muted)}.ctu-fav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;color:var(--ctu-text);border:1px solid var(--ctu-border);border-radius:999px;background:transparent;cursor:pointer;transition:border-color .2s var(--ctu-ease),color .2s var(--ctu-ease)}.ctu-fav-btn:hover{border-color:color-mix(in srgb,var(--ctu-primary) 45%,transparent);color:var(--ctu-primary)}.ctu-fav-btn.is-active{color:var(--ctu-primary);border-color:color-mix(in srgb,var(--ctu-primary) 50%,transparent);background:color-mix(in srgb,var(--ctu-primary) 10%,transparent)}.ctu-fav-btn:disabled{opacity:.7;cursor:wait}.ctu-layout{display:grid;gap:1.25rem;align-items:start}@media (min-width:1024px){.ctu-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:1.5rem}}.ctu-main{min-width:0;gap:1.25rem}.ctu-main,.ctu-sidebar{display:flex;flex-direction:column}.ctu-sidebar{position:sticky;top:5.5rem;gap:1rem}.ctu-card{padding:1.25rem;border:1px solid var(--ctu-border);border-radius:var(--ctu-r);background:var(--ctu-surface)}.ctu-card-title{margin:0 0 1rem;font-size:.9375rem;font-weight:700;color:var(--ctu-text)}.ctu-card--scroll{--ctu-card-scroll-max:500px;max-height:var(--ctu-card-scroll-max);display:flex;flex-direction:column;overflow:hidden}.ctu-card--scroll .ctu-tabs{flex-shrink:0;margin-bottom:.75rem}.ctu-card-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.125rem;scrollbar-gutter:stable}.ctu-card-scroll::-webkit-scrollbar{width:6px}.ctu-card-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--ctu-muted) 45%,transparent)}.ctu-card-scroll::-webkit-scrollbar-track{background:transparent}.ctu-radio-grid{display:grid;grid-template-columns:1fr;gap:.625rem}@media (min-width:640px){.ctu-radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ctu-radio-item{position:relative;cursor:pointer}.ctu-radio-item input{position:absolute;opacity:0;pointer-events:none}.ctu-radio-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--ctu-border);border-radius:var(--ctu-r);background:var(--ctu-surface2);transition:border-color .2s var(--ctu-ease),background .2s var(--ctu-ease),box-shadow .2s var(--ctu-ease)}.ctu-radio-item input:checked+.ctu-radio-card{border-color:var(--ctu-primary);background:color-mix(in srgb,var(--ctu-primary) 12%,var(--ctu-surface2));box-shadow:0 0 0 1px color-mix(in srgb,var(--ctu-primary) 35%,transparent)}.ctu-radio-item:hover .ctu-radio-card{border-color:color-mix(in srgb,var(--ctu-primary) 35%,transparent)}.ctu-radio-mark{display:grid;place-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;border:2px solid var(--ctu-border);border-radius:999px;transition:border-color .2s,background .2s}.ctu-radio-item input:checked+.ctu-radio-card .ctu-radio-mark{border-color:var(--ctu-primary);background:var(--ctu-primary)}.ctu-radio-mark svg{width:.75rem;height:.75rem;color:color-mix(in srgb,var(--ctu-surface) 96%,var(--ctu-text) 4%);opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s}.ctu-radio-item input:checked+.ctu-radio-card .ctu-radio-mark svg{opacity:1;transform:scale(1)}.ctu-radio-name{flex:1;min-width:0;font-size:.875rem;font-weight:600;line-height:1.35}.ctu-radio-prices{text-align:right;flex-shrink:0}.ctu-radio-compare{display:block;font-size:.6875rem;color:var(--ctu-muted);text-decoration:line-through}.ctu-radio-price{font-size:.9375rem;font-weight:700;color:var(--ctu-primary)}.ctu-field{margin-bottom:.875rem}.ctu-field:last-child{margin-bottom:0}.ctu-field label,.ctu-field-label{display:block;font-size:.8125rem;font-weight:600;color:var(--ctu-text)}.ctu-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.ctu-field-label-row .ctu-field-label,.ctu-field-label-row label{margin-bottom:0;flex:1;min-width:0}.ctu-page button.ctu-field-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;padding:0;color:var(--ctu-primary);border:1px solid color-mix(in srgb,var(--ctu-primary) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ctu-primary) 14%,var(--ctu-surface2));cursor:pointer;transition:color .2s var(--ctu-ease),border-color .2s var(--ctu-ease),background .2s var(--ctu-ease),transform .15s var(--ctu-ease)}.ctu-page button.ctu-field-info-btn:hover{color:color-mix(in srgb,var(--ctu-primary) 85%,#fff 15%);border-color:color-mix(in srgb,var(--ctu-primary) 65%,transparent);background:color-mix(in srgb,var(--ctu-primary) 22%,var(--ctu-surface2))}.ctu-page button.ctu-field-info-btn:active{transform:scale(.94)}.ctu-field--info{padding:.625rem .75rem;border:1px dashed var(--ctu-border);border-radius:calc(var(--ctu-r) - 2px);background:color-mix(in srgb,var(--ctu-surface2) 72%,transparent)}.ctu-field--info .ctu-field-label-row{margin-bottom:0}.ctu-info-modal-root{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem}.ctu-page button.ctu-info-modal-backdrop{position:absolute;inset:0;border:none;background:color-mix(in srgb,var(--ctu-bg) 35%,#000 65%);opacity:.72;cursor:pointer}.ctu-info-modal{position:relative;z-index:1;width:min(100%,28rem);max-height:min(88vh,36rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ctu-border);border-radius:calc(var(--ctu-r) + 4px);background:var(--ctu-surface);box-shadow:0 24px 48px color-mix(in srgb,var(--ctu-text) 22%,transparent)}.ctu-info-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--ctu-border)}.ctu-info-modal-title{margin:0;font-size:.9375rem;font-weight:700;color:var(--ctu-text)}.ctu-page button.ctu-info-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;padding:0;color:var(--ctu-muted);border:1px solid var(--ctu-border);border-radius:999px;background:var(--ctu-surface2);cursor:pointer;transition:color .2s var(--ctu-ease),border-color .2s var(--ctu-ease)}.ctu-page button.ctu-info-modal-close:hover{color:var(--ctu-text);border-color:color-mix(in srgb,var(--ctu-primary) 40%,transparent)}.ctu-info-modal-body{overflow-y:auto;padding:1rem}.ctu-info-modal-media{margin-bottom:.875rem;overflow:hidden;border:1px solid var(--ctu-border);border-radius:var(--ctu-r);background:var(--ctu-surface2)}.ctu-info-modal-media img{display:block;width:100%;height:auto;object-fit:contain}.ctu-info-modal-lead{margin:0 0 .75rem;font-size:.875rem;font-weight:600;line-height:1.5;color:var(--ctu-text)}.ctu-info-modal-text{font-size:.8125rem;line-height:1.6;color:var(--ctu-muted);white-space:pre-wrap}.ctu-info-modal-empty{margin:0;font-size:.8125rem;color:var(--ctu-muted)}.ctu-field input,.ctu-field select,.ctu-field textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;color:var(--ctu-text);border:1px solid var(--ctu-border);border-radius:calc(var(--ctu-r) - 2px);background:var(--ctu-surface2);outline:none;transition:border-color .2s var(--ctu-ease),box-shadow .2s var(--ctu-ease)}.ctu-field input:focus,.ctu-field select:focus,.ctu-field textarea:focus{border-color:color-mix(in srgb,var(--ctu-primary) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ctu-primary) 15%,transparent)}.ctu-field-hint{margin-top:.35rem;font-size:.75rem;color:var(--ctu-muted)}.ctu-info-box{padding:.75rem;font-size:.8125rem;line-height:1.5;color:var(--ctu-muted);border:1px dashed var(--ctu-border);border-radius:calc(var(--ctu-r) - 2px);background:color-mix(in srgb,var(--ctu-surface2) 70%,transparent)}.ctu-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-top:.25rem}.ctu-total-label{font-size:.875rem;font-weight:600;color:var(--ctu-muted)}.ctu-total-price{font-size:1.5rem;font-weight:800;color:var(--ctu-primary)}.ctu-page button.ctu-buy-btn{display:flex;width:100%;min-height:3rem;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:#fff;border:1px solid color-mix(in srgb,var(--ctu-primary) 70%,#000 30%);border-radius:var(--ctu-r);background:linear-gradient(180deg,color-mix(in srgb,var(--ctu-primary) 92%,#fff 8%),var(--ctu-primary));box-shadow:0 1px 0 color-mix(in srgb,#fff 22%,transparent) inset,0 4px 14px color-mix(in srgb,var(--ctu-primary) 42%,transparent);cursor:pointer;appearance:none;-webkit-appearance:none;transition:filter .2s var(--ctu-ease),transform .15s var(--ctu-ease),box-shadow .2s var(--ctu-ease),background .2s var(--ctu-ease)}.ctu-page button.ctu-buy-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 1px 0 color-mix(in srgb,#fff 28%,transparent) inset,0 6px 20px color-mix(in srgb,var(--ctu-primary) 50%,transparent)}.ctu-page button.ctu-buy-btn:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 1px 0 color-mix(in srgb,#fff 12%,transparent) inset,0 2px 8px color-mix(in srgb,var(--ctu-primary) 35%,transparent)}.ctu-page button.ctu-buy-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ctu-page button.ctu-buy-btn--done{background:linear-gradient(180deg,color-mix(in srgb,var(--ctu-accent) 90%,#fff 10%),var(--ctu-accent));border-color:color-mix(in srgb,var(--ctu-accent) 70%,#000 30%);box-shadow:0 1px 0 color-mix(in srgb,#fff 22%,transparent) inset,0 4px 14px color-mix(in srgb,var(--ctu-accent) 40%,transparent)}.ctu-form-error{margin-bottom:.75rem;font-size:.8125rem;color:color-mix(in srgb,var(--ctu-accent) 85%,var(--ctu-text) 15%)}.ctu-related-list{display:flex;flex-direction:column;gap:.5rem}.ctu-related-link{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:calc(var(--ctu-r) - 2px);text-decoration:none;color:inherit;transition:background .2s var(--ctu-ease)}.ctu-related-link:hover{background:color-mix(in srgb,var(--ctu-primary) 10%,transparent)}.ctu-related-thumb{width:2.5rem;height:2.5rem;flex-shrink:0;overflow:hidden;border-radius:.5rem;border:1px solid var(--ctu-border);background:var(--ctu-surface2)}.ctu-related-thumb .ctu-thumb-fallback,.ctu-related-thumb img{width:100%;height:100%;object-fit:cover}.ctu-related-name{font-size:.8125rem;font-weight:600;line-height:1.3}.ctu-related-sub{font-size:.6875rem;color:var(--ctu-muted)}.ctu-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;border-bottom:1px solid var(--ctu-border);padding-bottom:.5rem}.ctu-tab{padding:.5rem .875rem;font-size:.8125rem;font-weight:600;color:var(--ctu-muted);border:none;border-radius:999px;background:transparent;cursor:pointer;transition:color .2s,background .2s}.ctu-tab.is-active{color:var(--ctu-text);background:color-mix(in srgb,var(--ctu-primary) 18%,transparent)}.ctu-tab-panel{font-size:.875rem;line-height:1.65;color:var(--ctu-muted)}.ctu-tab-panel :is(h1,h2,h3,h4){color:var(--ctu-text)}.ctu-children-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.ctu-children-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ctu-child-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ctu-border);border-radius:var(--ctu-r);background:var(--ctu-surface);text-decoration:none;color:inherit;transition:border-color .25s,transform .25s}.ctu-child-card:hover{border-color:color-mix(in srgb,var(--ctu-primary) 45%,transparent);transform:translateY(-2px)}.ctu-child-card .ctu-thumb-fallback,.ctu-child-card img{width:100%;aspect-ratio:1;object-fit:cover}.ctu-child-name{padding:.625rem;font-size:.8125rem;font-weight:600;text-align:center}.ctu-empty{padding:2rem 1rem;text-align:center;color:var(--ctu-muted);font-size:.9375rem}