/* Category introductions, independent of the product card grid. */
html[data-theme] body .category-page-shell .category-hero {
    --hero-ink:#f5f3ff;--hero-muted:#b6bfd0;--hero-line:#bda3f326;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    min-height:270px!important;padding:34px 38px!important;gap:24px;
    width:100%;margin:0!important;border:1px solid #303247!important;border-radius:22px!important;
    background:radial-gradient(ellipse at 100% 0%,#7655bd24,transparent 65%),linear-gradient(115deg,#121a29,#131524)!important;
    box-shadow:inset 0 1px 0 #ffffff08,0 12px 32px #00000012!important;
    isolation:isolate;
}
html[data-theme] body .category-page-shell .category-hero::before,
html[data-theme] body .category-page-shell .category-hero::after {display:none!important;}
html[data-theme] body .category-page-shell .category-hero-content {
    flex:1;min-width:0;width:auto!important;max-width:760px;
    margin:0!important;text-align:left!important;align-items:flex-start!important;
}
html[data-theme] body .category-page-shell .category-breadcrumbs {
    justify-content:flex-start!important;align-items:center!important;text-align:left!important;
    margin:0 0 24px!important;gap:8px;color:var(--hero-muted)!important;
    font-size:11px!important;line-height:1.5;font-weight:500!important;
}
html[data-theme] body .category-page-shell .category-breadcrumbs a {color:var(--hero-muted)!important;}
html[data-theme] body .category-page-shell .category-breadcrumbs a:hover {color:var(--hero-ink)!important;text-decoration:underline;}
html[data-theme] body .category-page-shell .category-badge {
    display:inline-flex;align-items:center;gap:8px;margin:0 0 12px!important;padding:0!important;
    min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    color:#c5b1f5!important;font-size:10px!important;font-weight:700!important;letter-spacing:.15em;
}
html[data-theme] body .category-page-shell .category-badge::before {content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
html[data-theme] body .category-page-shell .category-title {
    display:block!important;width:auto!important;max-width:100%;margin:0!important;padding:0!important;
    background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;
    color:var(--hero-ink)!important;-webkit-text-fill-color:var(--hero-ink)!important;
    font-size:clamp(34px,4vw,54px)!important;font-weight:800!important;line-height:1.1!important;
    letter-spacing:-.045em!important;text-align:left!important;text-shadow:none!important;overflow-wrap:anywhere;
}
html[data-theme] body .category-page-shell .category-desc {
    max-width:670px;margin:16px 0 0!important;color:var(--hero-muted)!important;
    text-align:left!important;font-size:14px!important;line-height:1.8!important;text-shadow:none!important;
}
html[data-theme] body .category-page-shell .category-hero-art {
    position:relative;flex:0 0 190px;height:200px;margin:18px 8px 0 12px;pointer-events:none;
}
html[data-theme] body .category-page-shell .category-hero-art span {
    position:absolute;inset:20px 34px;border:1px solid #bfa1fa45;border-radius:14px;
    background:linear-gradient(145deg,#29233f,#181e30);box-shadow:0 14px 24px #0002;
}
html[data-theme] body .category-page-shell .category-hero-art span:nth-child(1){transform:translate(-24px,6px) rotate(-17deg);opacity:.6;}
html[data-theme] body .category-page-shell .category-hero-art span:nth-child(2){transform:translate(24px,-5px) rotate(17deg);opacity:.8;}
html[data-theme] body .category-page-shell .category-hero-art span:nth-child(3){display:grid;place-items:center;transform:rotate(-3deg);background:linear-gradient(140deg,#32264b,#1a2135);}
html[data-theme] body .category-page-shell .category-hero-art span:nth-child(3)::before{content:"✦";color:#c2a6f0;font-size:56px;font-weight:400;}
html[data-theme] body .category-page-shell .category-hero-art span:nth-child(3)::after{content:"";position:absolute;inset:10px;border:1px solid #bfa1fa22;border-radius:8px;}
html[data-theme] body .category-page-shell .category-hero.has-category-banner {min-height:310px!important;}
html[data-theme] body .category-page-shell .category-hero-overlay {background:linear-gradient(90deg,#0a1020f5,#0a1020cf 48%,#0a102040)!important;}
html[data-theme="light"] body .category-page-shell .category-hero {
    --hero-ink:#242338;--hero-muted:#566078;
    background:radial-gradient(ellipse at 100% 0%,#ebe1fb,transparent 70%),linear-gradient(115deg,#fff,#f8f7fc)!important;
    border-color:#e0dbe9!important;box-shadow:inset 0 1px 0 #fff,0 12px 32px #25203e06!important;
}
html[data-theme="light"] body .category-page-shell .category-badge {color:#7243a5!important;}
html[data-theme="light"] body .category-page-shell .category-hero-art span {border-color:#cfc0e8!important;background:linear-gradient(145deg,#e4daf5,#f5f1fc)!important;box-shadow:0 14px 24px #45246412!important;}
html[data-theme="light"] body .category-page-shell .category-hero-art span:nth-child(3){background:linear-gradient(145deg,#fdfbff,#e9dff7)!important;}
html[data-theme="light"] body .category-page-shell .category-hero-art span:nth-child(3)::before{color:#8a64b6!important;}
html[data-theme="light"] body .category-page-shell .category-hero-art span:nth-child(3)::after{border-color:#cfc0e8!important;}
html[data-theme="light"] body .category-page-shell .category-hero-overlay {background:linear-gradient(90deg,#fffffff5,#ffffffd9 48%,#ffffff40)!important;}
@media(max-width:800px){
    html[data-theme] body .category-page-shell .category-hero {padding:28px!important;gap:12px;}
    html[data-theme] body .category-page-shell .category-hero-art {flex-basis:125px;height:170px;margin:0;}
    html[data-theme] body .category-page-shell .category-hero-art span {inset:22px 18px;}
}
@media(max-width:600px){
    html[data-theme] body .category-page-shell .category-hero {padding:24px 22px!important;min-height:0!important;border-radius:18px!important;}
    html[data-theme] body .category-page-shell .category-hero-art {display:none!important;}
    html[data-theme] body .category-page-shell .category-breadcrumbs {margin-bottom:22px!important;gap:6px;font-size:10px!important;}
    html[data-theme] body .category-page-shell .category-title {font-size:34px!important;}
    html[data-theme] body .category-page-shell .category-desc {font-size:13px!important;line-height:1.75!important;}
    html[data-theme] body .category-page-shell .category-hero.has-category-banner {min-height:280px!important;}
}