/* Redux page colour: same structure as the other bundle pages, on the studio red. */
.collection-preview[data-collection="brainreactor-redux"]{background:var(--sf-accent)}
.collection-preview[data-collection="brainreactor-redux"] .sf-header{background:var(--sf-accent)}
.collection-preview[data-collection="brainreactor-redux"] .sf-construction{background:#272727}
.collection-preview[data-collection="brainreactor-redux"] .sf-font-row{border-color:rgba(255,255,255,.62)}
.collection-preview[data-collection="brainreactor-redux"] .sf-font-row:hover,.collection-preview[data-collection="brainreactor-redux"] .sf-font-row:focus-within{background:#800606;border-color:#800606}
.collection-preview[data-collection="brainreactor-redux"] .product-summary{border-bottom-color:rgba(255,255,255,.62)}
.collection-preview[data-collection="brainreactor-redux"] .collection-box{border-color:rgba(255,255,255,.62)}
.collection-preview[data-collection="brainreactor-redux"] .product-pager a:hover,.collection-preview[data-collection="brainreactor-redux"] .product-pager a:focus-visible{background:#272727;color:#fff}
.collection-preview[data-collection="brainreactor-redux"] .product-crumb a:hover,.collection-preview[data-collection="brainreactor-redux"] .product-crumb a:focus-visible{background:#272727;color:#fff}
.collection-preview[data-collection="brainreactor-redux"] .product-buy:hover,.collection-preview[data-collection="brainreactor-redux"] .product-buy:focus-visible{background:#272727;color:#fff}
.collection-preview[data-collection="brainreactor-redux"] .collection-box-link:hover,.collection-preview[data-collection="brainreactor-redux"] .collection-box-link:focus-visible{background:#272727;color:#fff}
.collection-preview[data-collection="brainreactor-redux"] .collection-licence-options button:hover,.collection-preview[data-collection="brainreactor-redux"] .collection-licence-options button:focus-visible{background:#272727;color:#fff}

/* Local collection proposal: product information header, outlined rows and the three document boxes. */
.collection-preview{background:var(--sf-navy);color:#fff}
.collection-preview .sf-header{background:var(--sf-navy)}
.collection-preview .sf-header nav [aria-current]{background:var(--sf-accent);color:#fff}
.collection-preview[data-collection="brainreactor-redux"] .sf-header nav [aria-current]{background:#272727;color:#fff}
.collection-preview .collection-main{overflow:visible}
.collection-preview .product-pager{margin-bottom:2vw}
#collection-prev:hover .product-pager-arrow,#collection-prev:focus-visible .product-pager-arrow{transform:translateX(-5px)}
#collection-next:hover .product-pager-arrow,#collection-next:focus-visible .product-pager-arrow{transform:translateX(5px)}
.collection-intro{display:block;text-align:center;padding:2.5vw 0}
.collection-brand{display:flex;align-items:center;justify-content:center;min-height:clamp(150px,12vw,230px);padding:clamp(12px,2vw,36px) 0;background:transparent;border:0;color:#fff}
.collection-brand img{display:block;width:min(100%,1040px);height:auto;margin-inline:auto}
.collection-brand h2{margin:0;text-align:center}
.collection-copy>p{line-height:1.6;margin:clamp(16px,1.4vw,24px) auto 0;max-width:42em;text-align:center;text-wrap:pretty;white-space:pre-line}
.collection-preview #font-catalog{margin-top:var(--sf-gap);scroll-margin-top:160px}
.collection-preview .sf-font-row{background:transparent;border:1px solid #757575;color:#fff}
.collection-preview .sf-font-row:hover,.collection-preview .sf-font-row:focus-within{background:#272727}
.collection-preview .sf-font-row.is-free{background:var(--sf-green);border-color:var(--sf-green)}
.collection-preview .sf-font-row[data-sale="package"] .sf-font-price{font-size:var(--sf-text-small);font-weight:400}
.collection-preview .sf-font-list{margin-bottom:var(--sf-gap)}
.collection-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sf-gap);margin-top:var(--sf-gap)}
.collection-box{display:flex;flex-direction:column;min-width:0;padding:clamp(20px,1.55vw,30px);border:1px solid #757575}
.collection-box h2{font-size:var(--sf-heading);line-height:1.2;margin:0 0 clamp(16px,1.2vw,24px)}
.collection-box p{margin:0;font-size:var(--sf-text-small);line-height:1.6}
.collection-box-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.5vw,28px) 24px;margin:0}
.collection-box-facts div{min-width:0}
.collection-box-facts dt{font-size:var(--sf-text-small);line-height:1.4}
.collection-box-facts dd{margin:4px 0 0;font-size:var(--sf-text);font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.collection-box-link{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:auto;padding:8px 10px;margin-inline:-10px;font-size:var(--sf-text-small);transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.collection-box-link>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:25px;height:25px;background:#fff;color:var(--sf-navy);border-radius:50%;font-size:15px;font-weight:700}
.collection-box-link:hover,.collection-box-link:focus-visible{background:var(--sf-accent);color:#fff}
.collection-licence-options{display:flex;flex-direction:column;margin:clamp(12px,1vw,18px) 0 0}
.collection-licence-options button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;margin-inline:-10px;background:none;border:0;border-top:1px solid rgba(255,255,255,.22);color:inherit;text-align:left;transition:background-color .3s var(--sf-ease),color .3s var(--sf-ease)}
.collection-licence-options button::before{content:'';flex:0 0 auto;width:9px;height:9px;border:1px solid currentColor;border-radius:50%}
.collection-licence-options button[aria-checked="true"]{font-weight:700}
.collection-licence-options button[aria-checked="true"]::before{background:currentColor}
.collection-licence-options button span{flex:1 1 auto;min-width:0}
.collection-licence-options button b{font-weight:700;white-space:nowrap}
.collection-licence-options button:hover,.collection-licence-options button:focus-visible{background:var(--sf-accent);color:#fff}
.collection-licence-note{margin-top:12px;min-height:3.2em;color:rgba(255,255,255,.82)}
.collection-individual-note{margin-top:12px}
.collection-box-buy{width:calc(100% + 20px);margin:auto -10px 0;padding:0 10px}
.collection-app-note{margin-top:12px;font-size:var(--sf-text-small);line-height:1.5;color:rgba(255,255,255,.82)}
.collection-app-note a{text-decoration:underline;text-underline-offset:3px}
#collection-error{padding:24px 0}
@media(max-width:1050px){.collection-intro{gap:24px}.collection-boxes{grid-template-columns:1fr}.collection-box{min-height:0}}
@media(max-width:700px){
 .collection-preview .sf-header nav{background:var(--sf-navy);border-color:#757575}
 .collection-preview[data-collection="brainreactor-redux"] .sf-header nav{background:var(--sf-accent);border-color:rgba(255,255,255,.5)}
 .collection-preview .sf-font-row[data-sale="package"] .sf-font-sample{padding-right:76px}
 .collection-preview .sf-font-row[data-sale="package"] .sf-font-price{padding-inline:4px}
 .collection-preview .product-pager{margin:12px 0 24px}
 .collection-intro{grid-template-columns:1fr;gap:24px;padding:24px 0}
 .collection-brand{min-height:140px;padding:28px}
 .collection-boxes{gap:var(--sf-gap);margin-top:var(--sf-gap)}
 .collection-box{padding:24px}
 .collection-box-buy{width:calc(100% + 20px)}
}
@media(prefers-reduced-motion:reduce){#collection-prev:hover .product-pager-arrow,#collection-prev:focus-visible .product-pager-arrow,#collection-next:hover .product-pager-arrow,#collection-next:focus-visible .product-pager-arrow{transform:none}.collection-box-link,.collection-licence-options button{transition:none}}