.retail-collection{max-width:1440px;padding-top:32px}
.collection-breadcrumb{position:static;display:flex;justify-content:flex-start;gap:10px;font-size:11px;color:var(--gray);margin-bottom:20px}
.collection-breadcrumb a:hover{text-decoration:underline}
.collection-banner{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:center;min-height:235px;background:#eaf0df;border:1px solid #d9e3c9;border-radius:20px;padding:34px 38px;overflow:hidden}
.collection-banner .section-heading{display:block}
.collection-banner h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-2px;margin-top:16px}
.collection-banner .eyebrow{color:#536d2e}
.collection-banner .collection-description{max-width:560px;font-size:13px;line-height:1.8;margin-bottom:0}
.collection-banner-art{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}
.collection-banner-art[hidden]{display:none}
.collection-banner-art img{width:38%;height:150px;object-fit:contain;filter:drop-shadow(0 12px 9px #233b1820);transform:rotate(-8deg)}
.collection-banner-art img:nth-child(2){transform:rotate(5deg);margin-left:-20px;z-index:1}
.collection-banner-art img:nth-child(3){transform:rotate(12deg);margin-left:-10px}
.collection-banner-art.single-console img{width:100%;height:185px;transform:rotate(-5deg)}
.collection-assurances{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:17px 3px;font-size:11px;color:#59634e;border-bottom:1px solid var(--line)}
.collection-assurances a{margin-left:auto;font-weight:bold}
.retail-collection .shop-tools{margin:24px 0;gap:20px}
.retail-collection .shop-tools .search{min-width:235px}
.collection-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}
.collection-sidebar{position:sticky;top:115px}
.collection-refine{padding:0;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.collection-refine summary{display:none}
.refine-body{padding:20px}
.refine-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;font-size:12px}
.refine-title .text-link{font-size:10px;border:0;background:none;padding:0;margin:0;white-space:nowrap}
.refine-field{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #edf0e7}
.refine-field label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:bold}
.refine-field select{border:1px solid var(--line);background:var(--paper);border-radius:9px;width:100%;min-height:44px;padding:9px;font-size:12px;font-weight:normal;color:var(--ink)}
.refine-field small{display:block;font-size:10px;line-height:1.65;color:var(--gray);margin-top:10px}
.refine-help{font-size:11px;font-weight:bold;text-decoration:underline}
.sidebar-note{padding:24px 8px;color:#65744e}
.sidebar-note>span{display:block;font-size:30px;margin-bottom:15px}
.sidebar-note strong{font-size:22px;line-height:1.2;letter-spacing:-.5px}
.sidebar-note p{font-size:11px;line-height:1.8}
.collection-results{min-width:0}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.results-toolbar #product-count{font-size:13px;color:var(--ink);font-weight:bold;padding:0}
.results-sort label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gray)}
.results-sort select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;min-height:42px;font-size:12px;background:white;color:var(--ink)}
.collection-results .catalog-actions{margin-bottom:17px;gap:15px}
.collection-results .catalog-actions .view-switch{margin-left:auto}
.collection-results .catalog-note{font-size:11px;line-height:1.8;padding:13px 15px;border-radius:10px;margin-bottom:20px;background:#f0f3e8}
.collection-results .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.collection-results .products>article{border:1px solid #dde3d4;border-radius:15px;background:white;overflow:hidden;transition:box-shadow .18s,transform .18s,border-color .18s}
.collection-results .products>article:hover{border-color:#94ad6f;box-shadow:0 10px 25px #30451a0d;transform:translateY(-3px)}
.collection-results .products .product-image{height:235px;padding:22px;background:#f0f2ec}
.collection-results .products .product-info{padding:17px}
.collection-results .products .product-info h3{font-size:14px;line-height:1.5;min-height:63px;margin:12px 0 17px}
.collection-results .products .platform{font-size:9px;font-weight:bold;letter-spacing:.5px}
.collection-results .products .product-bottom{align-items:center;gap:10px}
.collection-results .products .product-bottom .condition{width:100%;padding:0;background:transparent;font-size:10px;color:var(--gray)}
.collection-results .products .product-bottom strong{font-size:23px;letter-spacing:-.5px}
.collection-results .products .product-bottom .price-pending{font-size:16px;letter-spacing:0}
.collection-results .products .product-add{width:40px;height:40px;flex-shrink:0}
.collection-results .products .sample-label{top:auto;font-size:7px;left:10px;bottom:10px;padding:6px 8px;max-width:calc(100% - 20px);line-height:1.5}
.collection-results .products[data-view=list]{grid-template-columns:1fr}
.collection-results .products[data-view=list]>article{display:grid;grid-template-columns:190px minmax(0,1fr)}
.collection-results .products[data-view=list] .product-image{height:100%;min-height:210px}
.collection-results .products[data-view=list] .product-info h3{min-height:0}
.collection-results .products[data-view=list] .product-bottom .condition{width:auto}
.collection-results .products[data-view=list] .product-bottom strong{margin-left:auto}
.collection-results .products[data-view=list] .product-info{padding:22px}
.collection-results .empty{grid-column:1/-1}
@media(min-width:1400px){
 .collection-results .products{grid-template-columns:repeat(4,minmax(0,1fr))}
 .collection-layout{grid-template-columns:225px minmax(0,1fr)}
}
@media(max-width:1100px) and (min-width:960px){
 .collection-layout{grid-template-columns:195px minmax(0,1fr);gap:20px}
 .refine-body{padding:16px}.collection-results .products{gap:14px}
 .collection-results .products .product-image{height:195px;padding:16px}
 .collection-results .products .product-info{padding:14px}
 .collection-banner{grid-template-columns:minmax(0,1fr) 230px;padding:28px}
 .collection-banner-art.single-console img{height:160px}
}
@media(max-width:959px){
 .collection-layout{grid-template-columns:minmax(0,1fr);gap:18px}.collection-sidebar{position:static}
 .collection-refine summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:15px 18px;font-weight:bold;font-size:13px;min-height:50px}
 .collection-refine summary::-webkit-details-marker{display:none}
 .collection-refine[open] summary{border-bottom:1px solid var(--line)}
 .collection-refine[open] .refine-toggle{transform:rotate(45deg)}
 .refine-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .refine-title,.refine-help{grid-column:1/-1}.refine-field{min-width:0}.sidebar-note{display:none}
 .collection-banner{grid-template-columns:minmax(0,1fr) 220px;padding:27px;min-height:210px}
 .collection-banner-art.single-console img{height:150px}
 .collection-assurances{font-size:10px;gap:12px 18px}
 .collection-results .products .product-add{width:44px;height:44px}
}
@media(max-width:700px){
 .retail-collection{padding-top:22px}.collection-breadcrumb{font-size:10px;margin-bottom:15px}
 .collection-banner{grid-template-columns:minmax(0,1fr) 100px;gap:12px;min-height:185px;padding:22px 18px;border-radius:15px}
 .collection-banner h2{font-size:30px;letter-spacing:-1px;line-height:1.08;margin-top:13px}
 .collection-banner .eyebrow{font-size:8px;letter-spacing:1px}
 .collection-banner .collection-description{font-size:10px;line-height:1.7;margin-top:13px}
 .collection-banner-art img{height:75px;width:46%}
 .collection-banner-art.single-console img{height:105px;transform:rotate(-8deg)}
 .collection-assurances{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;font-size:9px}
 .collection-assurances>span:nth-child(2){display:none}.collection-assurances a{font-size:9px}
 .retail-collection .shop-tools{margin:18px 0;gap:12px}.retail-collection .shop-tools .search{min-width:0}
 .collection-layout{gap:16px}.refine-body{padding:17px;gap:0 15px}
 .refine-field label{font-size:11px}.refine-field select{font-size:12px}.refine-title{margin-bottom:20px}
 .refine-field{margin-bottom:15px;padding-bottom:15px}
 .results-toolbar{gap:10px;padding-bottom:13px;margin-bottom:14px}
 .results-toolbar #product-count{font-size:11px}
 .results-sort label{font-size:10px;gap:7px}.results-sort select{font-size:11px;max-width:150px;padding:9px}
 .collection-results .catalog-actions{gap:10px}
 .collection-results .catalog-actions #shop-status{width:100%;order:3;font-size:10px}
 .collection-results .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}
 .collection-results .products .product-image{height:185px;padding:16px}
 .collection-results .products .product-info{padding:13px}
 .collection-results .products .product-info h3{font-size:13px;min-height:59px;margin:10px 0 15px}
 .collection-results .products .product-bottom strong{font-size:20px}
 .collection-results .products .product-bottom .price-pending{font-size:14px}
 .collection-results .products .sample-label{font-size:7px;padding:5px 7px;left:7px;bottom:7px;max-width:calc(100% - 14px)}
 .collection-results .products .product-add{width:44px;height:44px;min-width:44px}
 .collection-results .products[data-view=list]>article{grid-template-columns:105px minmax(0,1fr)}
 .collection-results .products[data-view=list] .product-info{padding:14px}
 .collection-results .products[data-view=list] .product-image{min-height:200px}
 .collection-results .products[data-view=list] .product-bottom .condition{width:100%}
 .collection-results .products[data-view=list] .product-bottom strong{margin-left:0}
}
@media(max-width:360px){
 .collection-banner{grid-template-columns:minmax(0,1fr);min-height:0}.collection-banner-art{display:none}
 .collection-banner h2{font-size:31px}.collection-banner .collection-description{font-size:11px;max-width:none}
 .collection-banner .eyebrow{font-size:9px}.collection-assurances{grid-template-columns:1fr;font-size:10px}
 .collection-assurances a{margin:0;font-size:10px}.refine-body{grid-template-columns:minmax(0,1fr)}
 .results-toolbar{align-items:start;flex-direction:column}.results-sort{width:100%}
 .results-sort label{justify-content:space-between}.results-sort select{max-width:none;flex:1}
 .collection-results .products{grid-template-columns:minmax(0,1fr);gap:19px}
 .collection-results .products .product-image{height:250px;padding:20px}
 .collection-results .products .product-info{padding:18px}
 .collection-results .products .product-info h3{font-size:16px;min-height:0;margin:12px 0 19px}
 .collection-results .products .product-bottom strong{font-size:24px}
 .collection-results .products .product-bottom .price-pending{font-size:17px}
 .collection-results .products .sample-label{font-size:8px}
 .collection-results .products[data-view=list]>article{grid-template-columns:90px minmax(0,1fr)}
 .collection-results .products[data-view=list] .product-info h3{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .collection-results .products>article{transition:none}.collection-results .products>article:hover{transform:none}
}
@media(min-width:960px){.collection-sidebar{max-height:calc(100dvh - 135px);overflow-y:auto;scrollbar-width:thin;padding-right:3px}}
.collection-banner:has(.collection-banner-art[hidden]){grid-template-columns:minmax(0,1fr)}

.refine-toggle{font:22px/1 Arial,sans-serif;display:inline-block;color:var(--ink)}

.collection-results .catalog-actions{position:relative}
.collection-results .catalog-actions #shop-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.collection-results .catalog-actions .text-link{font-size:11px}.collection-results .view-switch button{font-size:10px;padding:8px 9px}.collection-results .filter-reset{font-size:11px}}
@media(max-width:700px){.collection-results .products[data-view=list] .product-image{padding:8px}}
.collection-results .products .product-image img{width:100%;height:100%;padding:0;object-fit:contain}

/* Genre links work as ordinary URLs and preserve active refinements in the app. */
.genre-browse{display:block;margin:0 0 26px;padding:22px;border:1px solid #dbe1d1;border-radius:16px;background:#eef2e5}
.genre-browse-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}
.genre-browse-heading>span{font-size:10px;letter-spacing:.13em;font-weight:800}
.genre-browse-heading>strong{font-size:23px;letter-spacing:-.04em}
.genre-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.genre-links>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:10px 13px;background:#fff;border:1px solid #d3dac9;border-radius:9px;color:#171a15;text-decoration:none;font-size:13px;font-weight:750;line-height:1.3}
.genre-links>a>span{font-size:17px;font-weight:400}
.genre-links>a:hover,.genre-links>a[aria-current]{background:#c5f05b;border-color:#668327}
.genre-links>a:focus-visible{outline:3px solid #527b18;outline-offset:3px}
@media(max-width:959px){.genre-links{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-browse{padding:16px}.genre-browse-heading{display:block}.genre-browse-heading>span{display:block;margin-bottom:5px}}
@media(max-width:480px){.genre-links{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-links>a{font-size:12px}.genre-browse{margin-bottom:18px}}
.genre-links>a:last-child{display:flex}

.card-category-nav{display:block;margin:24px 0;padding:22px;border:1px solid #d8dfcc;border-radius:18px;background:#edf2e4}.card-category-nav[hidden]{display:none}.card-category-nav>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.card-category-nav a{padding:11px 17px;border:1px solid #d8dfcc;border-radius:999px;background:#fff;text-decoration:none;font-weight:700;font-size:13px}.card-category-nav a:hover,.card-category-nav a[aria-current=true]{background:#c7f45b;border-color:#7d9c34}.card-category-nav a:focus-visible{outline:3px solid #536d14;outline-offset:3px}

.card-category-nav a:last-child{display:inline-flex}
