/* Keep the existing phone rail. Desktop uses the original store styles. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
#productFilters{display:block!important;min-width:0;max-width:100%}
#productFilterTabs{display:flex!important;width:100%!important;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x pan-y}
#productFilterTabs::-webkit-scrollbar{display:none}
#productFilterTabs .filter-tab-list,#productFilterTabs .filter-btn{flex:none!important;white-space:nowrap}
}

/* Match Sort By and its popup to the restrained translucent surface of View. */
body:not(.admin-body) .catalog-select-wrap{
  background:rgba(15, 15, 15,.76)!important;
  border:1px solid rgba(220, 239, 218,.12)!important;
  border-radius:10px!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.035)!important;
}body:not(.admin-body) .catalog-select-button,body:not(.admin-body) .catalog-select-wrap.is-open .catalog-select-button{
  background:transparent!important;
  border:0!important; box-shadow:none!important;
}
body:not(.admin-body) .catalog-select-button:hover{
  border:0!important}body:not(.admin-body) .catalog-select-wrap:focus-within{
  border-color:rgba(220, 239, 218,.22)!important}
body:not(.admin-body) .catalog-sort-menu{
  background:rgba(15, 15, 15,.96)!important;
  background-image:none!important;
  border:1px solid rgba(220, 239, 218,.12)!important;
  border-radius:10px!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
  backdrop-filter:blur(8px) saturate(112%)!important; box-shadow:0 14px 32px rgba(0, 0, 0,.38),inset 0 1px rgba(255, 255, 255,.035)!important;
}
body:not(.admin-body) .catalog-sort-menu [role="option"]{
  background:transparent!important;
  border-color:transparent!important;
  color:#c8d0c6!important; box-shadow:none!important;
}body:not(.admin-body) .catalog-sort-menu [role="option"]:is(:hover,:focus-visible){
  border-color:rgba(220, 239, 218,.1)!important;
  color:#edf4e9!important}
body:not(.admin-body) .catalog-sort-menu [role="option"][aria-selected="true"]{
  background:rgba(0, 184, 244,.1)!important;
  border-color:transparent!important;
  color:#36c5ff!important;
}/* Remove the stray hover treatment on the masthead and product rail cards. */
html body:not(.admin-body) .header:is(:hover,:focus-within){
  border-color:rgba(235, 240, 242,.18)!important}
@media(hover:hover) and (pointer:fine){html body:not(.admin-body) #homeContent #shop #productsGrid.main-products-slider>.product-card:hover{
    border-color:rgba(210, 225, 190,.16)!important;
    transform:none!important}
}

/* On phones, show the product View All link below the rail, never beside the heading. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #shop .products-section-heading>#viewAllProductsButton.view-all-desktop{
    display:none!important;
  }
}

/* Keep carousel swipes available across the complete hero, including buttons. */
html body:not(.admin-body) .hero.top-hero-carousel{touch-action:pan-y;}

/* All storefront buttons get a subtle press response, without a neon flash. */
html body:not(.admin-body) :is(button,[role="button"],.btn-primary,.btn-outline,.add-mini,.buy-now-mini,.filter-btn,.view-all-products-link):active:not(:disabled){
  transform:scale(.985)!important; filter:brightness(.97)!important; box-shadow:none!important;
}/* Keep all product cards still and free of neon hover rings. */
html body:not(.admin-body) .product-card:is(:hover,:focus-within){
  transform:none!important;
  translate:none!important;
  border-color:rgba(210, 225, 190,.16)!important}/* Header hover uses its regular glass surface without the accidental lime flash. */
html body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle):is(:hover,:focus-visible,:active,[aria-expanded="true"]),html body:not(.admin-body) .header-actions>.language-control:is(:hover,.is-open)>.language-button,html body:not(.admin-body) .header-actions>.language-control>.language-button:is(:hover,:focus-visible,:active,[aria-expanded="true"]){
  border-color:rgba(235, 240, 242,.18)!important;
  color:#e5eee2!important}html body:not(.admin-body) .header:is(:hover,:focus-within){
  border-color:rgba(235, 240, 242,.18)!important}/* Stop pointer-driven glass refilters and confine the header logo link to its painted width. */
html body:not(.admin-body) .header:is(:hover,:focus-within){
  border-color:rgba(235, 240, 242,.18)!important}html body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle):is(:hover,:focus-visible,:active,[aria-expanded="true"]),html body:not(.admin-body) .header-actions>.language-control:is(:hover,.is-open)>.language-button,html body:not(.admin-body) .header-actions>.language-control>.language-button:is(:hover,:focus-visible,:active,[aria-expanded="true"]){
  border-color:rgba(235, 240, 242,.18)!important;
  color:var(--green)!important}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  html body:not(.admin-body) .header>.logo,
  html body:not(.admin-body) .header>.logo>.brand-logo-frame{
    box-sizing:border-box!important;
    width:163.56px!important;
    min-width:163.56px!important;
    max-width:163.56px!important;
    flex:0 0 163.56px!important;
  }
  html body:not(.admin-body) .header>.logo>.brand-logo-frame{height:92px!important;max-height:92px!important}
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) .header>.logo,
  html body:not(.admin-body) .header>.logo>.brand-logo-frame{
    box-sizing:border-box!important;
    width:120.9px!important;
    min-width:120.9px!important;
    max-width:120.9px!important;
    flex:0 0 120.9px!important;
  }
  html body:not(.admin-body) .header>.logo>.brand-logo-frame{height:68px!important;max-height:68px!important}
}
/* Product-image swiping belongs to the full gallery on the product page only. */
html body:not(.admin-body) .product-detail-layout #mainProductImage{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}/* Product rails: keep card surfaces unlit on pointer hover. */
html body:not(.admin-body) .product-card:is(:hover,:focus,:focus-within),html body:not(.admin-body) .product-carousel-track .product-card:is(:hover,:focus,:focus-within),html body:not(.admin-body) .mobile-product-carousel .product-card:is(:hover,:focus,:focus-within){
  transform:none!important;
  translate:none!important;
  border-color:var(--line)!important}/* Category cards and artwork stay in place with no hover lift or zoom. */
html body:not(.admin-body) .category-card:is(:hover,:focus-within),html body:not(.admin-body) .category-tile:is(:hover,:focus-within){
  transform:none!important;
  translate:none!important;
  border-color:var(--line)!important;
  transition:none!important}html body:not(.admin-body) .category-card:is(:hover,:focus-within) img,html body:not(.admin-body) .category-tile:is(:hover,:focus-within) img{
  transform:none!important;
  scale:none!important;
  opacity:.9!important;
  transition:none!important}/* Highest-specificity reset for the home category carousel and category page. */
html body:not(.admin-body) #categoriesGrid .category-card:is(:hover,:focus-within),html body:not(.admin-body) #homeContent #categories .category-card:is(:hover,:focus-within),html body:not(.admin-body) #allCategoriesPage .category-card:is(:hover,:focus-within){
  transform:none!important;translate:none!important;border-color:var(--line)!important;transition:none!important}html body:not(.admin-body) #categoriesGrid .category-card:is(:hover,:focus-within) img,html body:not(.admin-body) #homeContent #categories .category-card:is(:hover,:focus-within) img,html body:not(.admin-body) #allCategoriesPage .category-card:is(:hover,:focus-within) img{
  transform:none!important;scale:none!important;opacity:.9!important;transition:none!important}/* No lime edge or shadow should appear on product cards while hovered. */
html body:not(.admin-body) .product-card:is(:hover,:focus-within){
  border-color:var(--line)!important}/* Final storefront hover-glow cleanup: later legacy rules must not restore halos. */
html body:not(.admin-body) :is(*):hover,html body:not(.admin-body) :is(*):focus-visible,html body:not(.admin-body) :is(*):focus-within{}html body:not(.admin-body) :is(*):hover::before,html body:not(.admin-body) :is(*):hover::after,html body:not(.admin-body) :is(*):focus-visible::before,html body:not(.admin-body) :is(*):focus-visible::after,html body:not(.admin-body) :is(*):focus-within::before,html body:not(.admin-body) :is(*):focus-within::after{}html body:not(.admin-body) .category-card:is(:hover,:focus-within),html body:not(.admin-body) .category-tile:is(:hover,:focus-within){
  transform:none!important;
  translate:none!important;
  transition:none!important}html body:not(.admin-body) .category-card:is(:hover,:focus-within) img,html body:not(.admin-body) .category-tile:is(:hover,:focus-within) img{
  transform:none!important;
  scale:none!important;
  transition:none!important}/* Product thumbnails must not zoom or glow on hover on either desktop or mobile. */
html body:not(.admin-body) .product-card:is(:hover,:focus,:focus-within) .product-image-wrap img,html body:not(.admin-body) .home-game-product-card:is(:hover,:focus,:focus-within) .home-game-product-image img,html body:not(.admin-body) .mobile-feature-card:is(:hover,:focus,:focus-within) .mobile-feature-image img{
  transform:none!important; scale:none!important; transition:none!important}


/* Sitewide storefront rule: no hover/focus glow, halo, or drop shadow anywhere. */
@layer store-disable-hover-glow;
@layer store-disable-hover-glow {html body:not(.admin-body) :is(*):is(:hover,:focus,:focus-visible,:focus-within){}html body:not(.admin-body) :is(*):is(:hover,:focus,:focus-visible,:focus-within)::before,html body:not(.admin-body) :is(*):is(:hover,:focus,:focus-visible,:focus-within)::after{}
}

/* The hero slider must not show the ambient green glow behind or on its artwork. */
html body:not(.admin-body) .hero.top-hero-carousel .hero-glow{display:none!important;}
html body:not(.admin-body) .hero.top-hero-carousel{
  background-image:linear-gradient(135deg,#0f0f0f 0%,#0b0b0b 48%,#121212 100%)!important;
  box-shadow:none!important;
}
html body:not(.admin-body) .hero.top-hero-carousel .hero-media-slot{
  background:none!important;
  filter:none!important;
  box-shadow:none!important;
}
html body:not(.admin-body) .hero.top-hero-carousel .hero-media-slot img{
  filter:none!important;
  box-shadow:none!important;
}

/* Final regression guard: keep the logo link limited to the artwork's real 16:9 box. */
@media (min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  html body:not(.admin-body) header.header>a#homeLogo.logo{box-sizing:border-box!important;display:inline-flex!important;flex:0 0 163.56px!important;width:163.56px!important;min-width:163.56px!important;max-width:163.56px!important;height:92px!important;overflow:clip!important;}
  html body:not(.admin-body) header.header>a#homeLogo.logo>.brand-logo-frame{box-sizing:border-box!important;display:block!important;flex:0 0 163.56px!important;width:163.56px!important;min-width:163.56px!important;max-width:163.56px!important;height:92px!important;min-height:92px!important;max-height:92px!important;aspect-ratio:16/9!important;overflow:clip!important;}
}
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) header.header>a#homeLogo.logo{box-sizing:border-box!important;display:inline-flex!important;flex:0 0 120.9px!important;width:120.9px!important;min-width:120.9px!important;max-width:120.9px!important;height:68px!important;overflow:clip!important;}
  html body:not(.admin-body) header.header>a#homeLogo.logo>.brand-logo-frame{box-sizing:border-box!important;display:block!important;flex:0 0 120.9px!important;width:120.9px!important;min-width:120.9px!important;max-width:120.9px!important;height:68px!important;min-height:68px!important;max-height:68px!important;aspect-ratio:16/9!important;overflow:clip!important;}
}
/* Keep the uploaded store mark intact: the prior 16:9 frame plus object-fit:fill
   distorted and clipped wide custom logos (the admin preview correctly used contain). */
@media (min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  html body:not(.admin-body) header.header>a#homeLogo.logo,
  html body:not(.admin-body) header.header>a#homeLogo.logo>.brand-logo-frame{
    width:min(var(--brand-logo-width,220px),280px)!important;min-width:0!important;max-width:min(var(--brand-logo-width,220px),280px)!important;
    height:62px!important;min-height:0!important;max-height:62px!important;flex:0 1 auto!important;aspect-ratio:auto!important;overflow:hidden!important;
  }
}
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) header.header>a#homeLogo.logo,
  html body:not(.admin-body) header.header>a#homeLogo.logo>.brand-logo-frame{
    width:min(var(--brand-logo-width,160px),42vw,190px)!important;min-width:0!important;max-width:min(var(--brand-logo-width,160px),42vw,190px)!important;
    height:58px!important;min-height:0!important;max-height:58px!important;flex:0 1 auto!important;aspect-ratio:auto!important;overflow:hidden!important;
  }
}
html body:not(.admin-body) header.header>a#homeLogo.logo .brand-logo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important;pointer-events:none!important;}

/* Confine hover feedback to the product/category cards themselves; never style hovered ancestors. */
html body:not(.admin-body) .product-card.product-card:is(:hover,:focus-within){border-color:rgba(235, 240, 242,.34)!important;box-shadow:none!important;filter:none!important;transition:border-color .18s ease!important;}
html body:not(.admin-body) :is(#categoriesGrid,#homeContent #categories,#allCategoriesPage,.categories-grid,.category-subcategories) .category-card.category-card:is(:hover,:focus-within),
html body:not(.admin-body) .category-tile.category-tile:is(:hover,:focus-within){border-color:rgba(235, 240, 242,.34)!important;box-shadow:none!important;filter:none!important;transition:border-color .18s ease!important;}
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile):is(:hover,:focus-within)::before,
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile):is(:hover,:focus-within)::after{box-shadow:none!important;filter:none!important;}
/* Secondary product photos and category art must not introduce a hover shadow. */
html body:not(.admin-body) .product-card:is(:hover,:focus-within) .product-image-wrap img,
html body:not(.admin-body) :is(.category-card,.category-tile):is(:hover,:focus-within) img{filter:none!important;-webkit-filter:none!important;}
/* Highlight only the thumbnail's existing border; do not draw a second frame. */
html body:not(.admin-body) .product-detail-layout .product-thumb.active{border-color:var(--green)!important;border-width:1px!important;outline:none!important;outline-offset:0!important;box-shadow:none!important;}
html body:not(.admin-body) .product-detail-layout .product-thumb.active img{opacity:1!important;}
/* Final stable View All / Explore All presentation and visibility. */
html body:not(.admin-body) #homeContent #shop #productsMore[hidden],
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton[hidden],
html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile[hidden],
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton[hidden]{display:none!important;}
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-products-link,
html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile,
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link{
  box-sizing:border-box!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;min-height:42px!important;padding:0 15px!important;
  border:1px solid rgba(235, 240, 242,.22)!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8))!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;backdrop-filter:blur(20px) saturate(135%)!important;
  color:#edf4e9!important;font:800 11px/1.2 var(--font)!important;letter-spacing:.65px!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;
}
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-products-link:not([hidden]),
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link:not([hidden]){display:inline-flex!important;}
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-products-link:hover,
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-products-link:focus-visible,
html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile:hover,
html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile:focus-visible,
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link:hover,
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link:focus-visible{background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8))!important;border-color:rgba(0, 184, 244,.5)!important;color:#edf4e9!important;transform:none!important;outline:0!important;}
html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-products-link svg,
html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile svg,
html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link svg{display:block!important;flex:none!important;width:6px!important;height:10px!important;color:#36c5ff!important;}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
 html body:not(.admin-body) #homeContent #shop #viewAllProductsButton.view-all-desktop:not([hidden]){display:inline-flex!important;}
 html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile{display:none!important;}
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 html body:not(.admin-body) #homeContent #shop .products-section-heading>#viewAllProductsButton.view-all-desktop{display:none!important;}
 html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile:not([hidden]){display:inline-flex!important;}
}

/* Remove card/image shadows and blur only in the product and category fields. */
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile){box-shadow:none!important;}
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile)::before,
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile)::after{box-shadow:none!important;filter:none!important;-webkit-filter:none!important;}
html body:not(.admin-body) :is(.category-card,.category-tile) img{filter:none!important;-webkit-filter:none!important;}
html body:not(.admin-body) .product-card .product-image-wrap img{filter:none!important;-webkit-filter:none!important;}
html body:not(.admin-body) .product-card .product-image-wrap.is-out-of-stock img{filter:grayscale(.38) brightness(.72)!important;}
html body:not(.admin-body) :is(.product-card,.category-card,.category-tile):is(:hover,:focus-within){box-shadow:none!important;filter:none!important;}
/* On touch devices, keep product-card borders neutral after taps; desktop keeps its hover feedback. */
@media (hover:none),(pointer:coarse){
 html body:not(.admin-body) .product-card.product-card:is(:hover,:focus,:focus-within){border-color:rgba(220, 231, 216,.16)!important;transition:none!important;}
}
/* Mobile has a single View All action under products; category Explore All is desktop-only. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 html body:not(.admin-body) #homeContent #shop .products-section-heading>#viewAllProductsButton.view-all-desktop{display:none!important;}
 html body:not(.admin-body) #homeContent #shop #productsMore .view-all-mobile:not([hidden]){display:inline-flex!important;}
 html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton.view-all-products-link{display:none!important;}
}
/* Category Explore All is strictly desktop-only. */
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))) {
  html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton[data-all-categories] {
    display: none !important;
    visibility: hidden !important;
  }
}


/* Collapse the mobile category heading around its desktop-only action. */
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))) {
  html body:not(.admin-body) #homeContent #categories .category-section-heading {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  html body:not(.admin-body) #homeContent #categories .category-section-heading > div {
    display: grid !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body:not(.admin-body) #homeContent #categories #categoriesViewAllButton[data-all-categories] {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}


/* Desktop featured product cards use the same quiet lime frame feedback as categories. */
@media (min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)) and (hover: hover) and (pointer: fine) {
  html body:not(.admin-body) #homeContent #shop #productsGrid.main-products-slider > .product-card {
    transition: border-color .18s ease !important;
  }
  html body:not(.admin-body) #homeContent #shop #productsGrid.main-products-slider > .product-card:is(:hover, :focus-visible, :focus-within) {
    border-color: rgba(66, 199, 243, .5) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    translate: none !important;
  }
}