/* op-coll.css — reusable dark collection header. Activated only when a collection description contains <div class="opch" data-op-ch="...">. */
.opch-host,.f-collection-page-header:has(.opch){--opch-ink:#fff;--opch-muted:#C9CBD6;--opch-acc:#7C3AED;--opch-acc2:#8B5CF6;--opch-line:rgba(255,255,255,.14);--opch-card:rgba(255,255,255,.055)}.opch-host .f-collection-page-header__wrapper,.f-collection-page-header:has(.opch) .f-collection-page-header__wrapper{position:relative;overflow:hidden;width:100%;max-width:none;margin:0;border-radius:0!important;background:linear-gradient(135deg,#090B12 0%,#131426 48%,#241538 100%)!important;background-image:linear-gradient(135deg,#090B12 0%,#131426 48%,#241538 100%)!important;color:#fff!important}.opch-host .f-collection-page-header__wrapper:before,.opch-host .f-collection-page-header__wrapper:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.opch-host .f-collection-page-header__wrapper:before{width:560px;height:560px;left:-200px;top:-260px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,rgba(124,58,237,0) 68%)}.opch-host .f-collection-page-header__wrapper:after{width:480px;height:480px;right:-160px;bottom:-220px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,rgba(236,72,153,0) 70%)}.opch-host .f-collection-page-header__inner,.f-collection-page-header:has(.opch) .f-collection-page-header__inner{position:relative;z-index:1;box-sizing:border-box;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:22px 40px 40px!important;text-align:left!important;color:#fff!important}.opch-host .f-collection-page-header__title{display:none!important}.opch-host .f-breadcrumb,.f-collection-page-header:has(.opch) .f-breadcrumb{justify-content:flex-start!important;margin:0 0 18px!important;padding:0!important;font-size:13px}.opch-host .f-breadcrumb,.opch-host .f-breadcrumb *,.opch-host .f-breadcrumb a{color:rgba(255,255,255,.62)!important}.opch-host .f-breadcrumb a:hover{color:#fff!important}.opch-host .f-collection-page-header__description,.f-collection-page-header:has(.opch) .f-collection-page-header__description{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;color:#fff!important;text-align:left!important}.f-collection-page-header .opch{color:var(--opch-ink);font-family:inherit;text-align:left}.f-collection-page-header .opch *{box-sizing:border-box}.f-collection-page-header .opch p,.f-collection-page-header .opch h1,.f-collection-page-header .opch h2,.f-collection-page-header .opch ul,.f-collection-page-header .opch dl,.f-collection-page-header .opch dd{margin:0;padding:0}.f-collection-page-header .opch ul{list-style:none}.f-collection-page-header .opch a{text-decoration:none!important}.f-collection-page-header .opch__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:center}.f-collection-page-header .opch__kicker{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px!important}.f-collection-page-header .opch__kicker span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--opch-line);background:rgba(255,255,255,.06);color:#DDD6FE;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.f-collection-page-header .opch__kicker span+span{color:#F5C2DD}.f-collection-page-header .opch .opch__title{margin:0 0 16px!important;color:#fff!important;font-size:clamp(34px,4.1vw,56px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.f-collection-page-header .opch__title span{background:linear-gradient(90deg,#C4B5FD,#F0A5D1);-webkit-background-clip:text;background-clip:text;color:transparent}.f-collection-page-header .opch .opch__lead{max-width:36em;margin:0 0 24px!important;color:var(--opch-muted)!important;font-size:17px!important;line-height:1.65!important}.f-collection-page-header .opch__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;margin:0 0 26px!important;border:1px solid var(--opch-line);border-radius:16px;background:var(--opch-card)}.f-collection-page-header .opch__specs>div{padding:14px 16px;min-width:0}.f-collection-page-header .opch__specs>div+div{border-left:1px solid var(--opch-line)}.f-collection-page-header .opch__specs dt{margin:0 0 4px;color:rgba(255,255,255,.55);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.f-collection-page-header .opch__specs dd{color:#fff;font-size:16px;font-weight:600;line-height:1.3}.f-collection-page-header .opch__cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}.f-collection-page-header .opch a.opch__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s;cursor:pointer}.f-collection-page-header .opch a.opch__btn--pri{background:var(--opch-acc);color:#fff!important;border:1px solid var(--opch-acc)}.f-collection-page-header .opch a.opch__btn--pri:hover{background:var(--opch-acc2);border-color:var(--opch-acc2)}.f-collection-page-header .opch a.opch__btn--pri svg{transition:transform .2s}.f-collection-page-header .opch a.opch__btn--pri:hover svg{transform:translateY(2px)}.f-collection-page-header .opch a.opch__btn--ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.3)}.f-collection-page-header .opch a.opch__btn--ghost:hover{border-color:#fff}.f-collection-page-header .opch a.opch__btn:focus-visible,.f-collection-page-header .opch a:focus-visible,.f-collection-page-header .opch button:focus-visible{outline:2px solid #C4B5FD;outline-offset:3px}.f-collection-page-header .opch__links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}.f-collection-page-header .opch__links a{color:#C4B5FD!important;font-weight:500;border-bottom:1px solid rgba(196,181,253,.35)}.f-collection-page-header .opch__links a:hover{color:#fff!important;border-color:#fff}.f-collection-page-header .opch__media{min-width:0}.f-collection-page-header .opch__player{position:relative;aspect-ratio:856/480;border-radius:20px;overflow:hidden;background:#05060b;border:1px solid var(--opch-line);box-shadow:0 24px 60px rgba(0,0,0,.45)}.f-collection-page-header .opch__player video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#05060b}.f-collection-page-header .opch__player video[hidden]{display:none}.f-collection-page-header .opch__tabs{display:flex;gap:8px;margin-top:12px}.f-collection-page-header .opch .opch__tab{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0;padding:0 16px;border-radius:12px;border:1px solid var(--opch-line);background:var(--opch-card);color:rgba(255,255,255,.75);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.f-collection-page-header .opch .opch__tab small{font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}.f-collection-page-header .opch .opch__tab[aria-selected=true]{background:rgba(124,58,237,.22);border-color:rgba(167,139,250,.7);color:#fff}.f-collection-page-header .opch .opch__tab:hover{color:#fff}.f-collection-page-header .opch__fill{margin-top:40px;padding-top:28px;border-top:1px solid var(--opch-line)}.f-collection-page-header .opch__fillhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.f-collection-page-header .opch .opch__h2{color:#fff!important;font-size:20px!important;line-height:1.3!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}.f-collection-page-header .opch__fillhead p{color:rgba(255,255,255,.55);font-size:14px}.f-collection-page-header .opch__fillgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.f-collection-page-header .opch__fillgrid li{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;border:1px solid var(--opch-line);background:var(--opch-card)}.f-collection-page-header .opch__num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(124,58,237,.25);color:#DDD6FE;font-size:13px;font-weight:700}.f-collection-page-header .opch__fillgrid h3{margin:0 0 4px!important;color:#fff!important;font-size:16px!important;line-height:1.3!important;font-weight:600!important;text-transform:none!important}.f-collection-page-header .opch__fillgrid p{color:var(--opch-muted);font-size:14px;line-height:1.55}.f-collection-page-header .opch__note{margin-top:14px!important;color:rgba(255,255,255,.5);font-size:13px;line-height:1.55}.f-collection-page-header .opch__styles{display:flex;align-items:center;gap:10px;margin-top:22px}.f-collection-page-header .opch__styles>span{flex:0 0 auto;color:rgba(255,255,255,.55);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.f-collection-page-header .opch__rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.f-collection-page-header .opch__rail::-webkit-scrollbar{display:none}.f-collection-page-header .opch__rail a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--opch-line);background:rgba(255,255,255,.04);color:#fff!important;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,border-color .2s}.f-collection-page-header .opch__rail a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}.f-collection-page-header .opch__rail a[aria-current=page]{background:#fff;border-color:#fff;color:#1B1530!important;font-weight:600}.opch-target{scroll-margin-top:84px}
@media (max-width:1023px){
.opch-host .f-collection-page-header__inner{padding:18px 24px 32px!important}.f-collection-page-header .opch__grid{grid-template-columns:1fr;gap:28px}.f-collection-page-header .opch__media{max-width:720px}
}
@media (max-width:767px){
.opch-host .f-collection-page-header__inner{padding:14px 16px 26px!important}.opch-host .f-breadcrumb{margin-bottom:14px!important;font-size:12px}.f-collection-page-header .opch__grid{gap:22px}.f-collection-page-header .opch__kicker{margin-bottom:12px!important}.f-collection-page-header .opch .opch__title{font-size:34px!important;margin-bottom:12px!important}.f-collection-page-header .opch .opch__lead{font-size:15px!important;line-height:1.6!important;margin-bottom:18px!important}.f-collection-page-header .opch__specs{margin-bottom:18px!important;border-radius:14px}.f-collection-page-header .opch__specs>div{padding:11px 10px}.f-collection-page-header .opch__specs dt{font-size:10.5px}.f-collection-page-header .opch__specs dd{font-size:14px}.f-collection-page-header .opch__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.f-collection-page-header .opch a.opch__btn{min-height:48px;padding:0 12px;font-size:14px}.f-collection-page-header .opch__links{gap:6px 14px;font-size:13px}.f-collection-page-header .opch__player{border-radius:16px}.f-collection-page-header .opch .opch__tab{min-height:42px;padding:0 12px;font-size:13px}.f-collection-page-header .opch__fill{margin-top:26px;padding-top:20px}.f-collection-page-header .opch__fillhead{display:block;margin-bottom:12px}.f-collection-page-header .opch__fillhead p{margin-top:2px!important;font-size:13px}.f-collection-page-header .opch .opch__h2{font-size:18px!important}.f-collection-page-header .opch__fillgrid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.f-collection-page-header .opch__fillgrid::-webkit-scrollbar{display:none}.f-collection-page-header .opch__fillgrid li{flex:0 0 78%;scroll-snap-align:start;padding:14px;gap:12px}.f-collection-page-header .opch__styles{display:block;margin-top:18px}.f-collection-page-header .opch__styles>span{display:block;margin-bottom:8px;font-size:12px}.f-collection-page-header .opch__rail{margin:0 -16px;padding:0 16px}.f-collection-page-header .opch__rail a{min-height:38px;padding:0 14px;font-size:13px}.opch-target{scroll-margin-top:60px}
}
@media (prefers-reduced-motion:reduce){.opch *{transition:none!important}}

.opch-host .container-full,.f-collection-page-header:has(.opch) .container-full{padding-left:0!important;padding-right:0!important;max-width:none!important}
.opch-host .f-breadcrumb--wrapper,.f-collection-page-header:has(.opch) .f-breadcrumb--wrapper{justify-content:flex-start!important}
.f-collection-page-header .opch a{--btn-link-border:0px}
.f-collection-page-header .opch a:after{display:none}

@media (max-width:767px){.f-collection-page-header .opch__links{gap:0 16px}.f-collection-page-header .opch__links a{display:inline-flex;align-items:center;min-height:34px;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(196,181,253,.45);text-underline-offset:4px}}

/* r10: style picker list (all-dakimakura hub) + series rail label */
.f-collection-page-header .opch__pickhead{margin:0 0 10px!important;color:rgba(255,255,255,.55);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.f-collection-page-header .opch__pick{display:grid;gap:10px}
.f-collection-page-header .opch__pick a{display:flex;align-items:center;gap:14px;min-height:64px;padding:13px 18px;border-radius:16px;border:1px solid var(--opch-line);background:var(--opch-card);color:#fff!important;transition:background .2s,border-color .2s}
.f-collection-page-header .opch__pick a:hover{background:rgba(255,255,255,.09);border-color:rgba(167,139,250,.6)}
.f-collection-page-header .opch__pick span{flex:1;min-width:0}
.f-collection-page-header .opch__pick b{display:block;color:#fff;font-size:16px;font-weight:600;line-height:1.3}
.f-collection-page-header .opch__pick small{display:block;margin-top:3px;color:var(--opch-muted);font-size:13px;line-height:1.45}
.f-collection-page-header .opch__pick svg{flex:0 0 auto;color:#C4B5FD}
.f-collection-page-header .opch__styles+.opch__styles{margin-top:12px}
@media (max-width:767px){.f-collection-page-header .opch__pick{gap:8px}.f-collection-page-header .opch__pick a{min-height:58px;padding:11px 14px;border-radius:14px}.f-collection-page-header .opch__pick b{font-size:15px}.f-collection-page-header .opch__pick small{font-size:12.5px}.f-collection-page-header .opch__styles+.opch__styles{margin-top:16px}}
/* R12 sidebar Series + Characters */
.f-collection--wrapper:has(#CollectionProductGrid[data-collection-handle="accessory"]) .f-filter--widget-collections~.f-filter--widget-collections{display:none!important}
.op-nav{--opn-ink:#1B1530;--opn-mut:#6B6880;--opn-line:rgba(27,21,48,.14);--opn-acc:#7C3AED}
.op-nav .op-nav__search{margin:2px 0 10px}
.op-nav--series:not(.open) .op-nav__search,.op-nav--chars:not(.open) .op-nav__body{display:none}
.op-nav .op-nav__search input{box-sizing:border-box;display:block;width:100%;height:38px;margin:0;padding:0 12px 0 34px;border:1px solid var(--opn-line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236B6880' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px 50%;color:var(--opn-ink);font:inherit;font-size:14px;line-height:38px;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.op-nav .op-nav__search input::placeholder{color:#8F8CA3}
.op-nav .op-nav__search input:focus{border-color:var(--opn-acc);box-shadow:0 0 0 3px rgba(124,58,237,.16)}
.op-nav .op-nav__empty,.op-nav .op-nav__note{margin:8px 0 4px!important;color:var(--opn-mut);font-size:13px;line-height:1.5}
.op-nav--series .f-link-lists--item{margin:0!important;padding:0!important}
.op-nav--series .f-link-lists--item[hidden]{display:none!important}
.op-nav--series a.f-link{display:flex;align-items:center;min-height:34px;padding:0 10px;border-radius:8px;color:#4A4660;font-size:14px;line-height:1.3;transition:background .15s,color .15s}
.op-nav--series .f-link-lists--item.active a.f-link,.op-nav--series .op-nav__cur a.f-link{background:var(--opn-ink);color:#fff!important;font-weight:600}
.op-nav--series .op-nav__cur a.f-link:after{content:"Series";margin-left:auto;padding-left:8px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.op-nav__body{padding:2px 0 4px}
.op-nav__seg{display:flex;gap:6px;margin:0 0 10px}
.op-nav__seg button{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0;padding:0 10px;border:1px solid var(--opn-line);border-radius:999px;background:#fff;color:var(--opn-ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .15s,border-color .15s}
.op-nav__seg button small{font-size:11px;font-weight:500;opacity:.65}
.op-nav__seg button[aria-pressed=true]{background:var(--opn-ink);border-color:var(--opn-ink);color:#fff}
.op-nav__lbl{margin:0 0 6px!important;color:var(--opn-mut);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.op-nav__pop{margin:0 0 12px}
.op-nav__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;list-style:none}
.op-nav__chips li{margin:0!important;padding:0!important}
.op-nav__chips a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--opn-line);border-radius:999px;background:#fff;color:var(--opn-ink)!important;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none!important;transition:border-color .15s,color .15s,background .15s}
.op-nav__chips a[aria-current=page]{background:var(--opn-ink);border-color:var(--opn-ink);color:#fff!important}
.op-nav__az{display:flex;gap:4px;margin:0 0 8px;padding:0 0 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.op-nav__az[hidden]{display:none}
.op-nav__az button{flex:0 0 auto;width:34px;height:34px;margin:0;padding:0;border:1px solid var(--opn-line);border-radius:8px;background:#fff;color:var(--opn-ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}
.op-nav__list{position:relative;max-height:280px;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px;outline:0}
.op-nav__list[hidden],.op-nav__list section[hidden],.op-nav__list li[hidden],.op-nav__pop[hidden]{display:none!important}
.op-nav__letter{position:sticky;top:0;z-index:1;margin:0!important;padding:6px 10px 4px;background:var(--opn-bg,#fff);color:var(--opn-acc);font-size:11px;font-weight:700;letter-spacing:.08em}
.op-nav__list ul{margin:0 0 4px!important;padding:0!important;list-style:none}
.op-nav__list li{margin:0!important;padding:0!important}
.op-nav__list a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;color:#4A4660!important;font-size:14px;line-height:1.25;text-decoration:none!important;transition:background .15s,color .15s}
.op-nav__list a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op-nav__list a small{flex:0 1 auto;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8F8CA3;font-size:11px}
.op-nav__list a[aria-current=page]{background:var(--opn-ink);color:#fff!important;font-weight:600}
.op-nav__list a[aria-current=page] small{color:rgba(255,255,255,.6)}
.op-nav__all{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-top:6px;color:var(--opn-acc)!important;font-size:13px;font-weight:600;text-decoration:none!important}
.op-nav button:focus-visible,.op-nav a:focus-visible,.op-nav .f-filter--widget-title:focus-visible{outline:2px solid var(--opn-acc);outline-offset:2px}
@media (hover:hover){.op-nav--series a.f-link:hover{background:rgba(124,58,237,.08);color:var(--opn-acc)}.op-nav__chips a:hover{border-color:var(--opn-acc);color:var(--opn-acc)!important}.op-nav__az button:hover{border-color:var(--opn-acc);color:var(--opn-acc)}.op-nav__list a:hover{background:rgba(124,58,237,.08);color:var(--opn-acc)!important}.op-nav__all:hover{text-decoration:underline!important}}