/* Owner feedback: a useful desktop catalogue, aligned facets and substantial imagery. */
#app .approved-store>.section.wrap,#app .approved-store .gaming-catalog.wrap{width:min(1660px,calc(100% - 64px))}
#app .approved-store .catalog-layout{grid-template-columns:236px minmax(0,1fr);gap:24px}
#app .approved-store .catalog-sidebar{padding-inline-end:18px}
#app .approved-store .catalog-filters{gap:16px}
#app .approved-store .catalog-filters fieldset{padding-top:14px}
#app .approved-store .catalog-filters :is(legend,label){font-size:14px}
#app .approved-store .catalog-category-navigation h3{font-size:21px;margin-bottom:12px}
#app .approved-store .catalog-category-navigation>ul>li{margin-bottom:5px}
#app .approved-store .catalog-category-branch>summary{font-size:14px;min-height:42px;padding:9px 10px;background:#f2f5f9;border:1px solid #e0e6ee;border-radius:4px;font-weight:500}
#app .approved-store .catalog-category-branch>summary:hover{background:#e9f0fa}
#app .approved-store .catalog-category-branch[open]>summary{background:#eaf2ff;border-color:#b5ccef}
#app .approved-store .catalog-category-branch>ul{padding:5px 10px 5px 0}
#app .approved-store .catalog-category-navigation a{font-size:14px;padding:7px 9px;min-height:34px}
#app .approved-store .catalog-choice-list{gap:2px;max-height:240px;padding:2px}
#app .approved-store .catalog-choice-list label,#app .approved-store .catalog-stock{display:flex;align-items:center;gap:9px;min-height:34px;padding:4px 3px;line-height:1.4}
/* Legacy generic input sizing included radio buttons. Keep the clickable label large. */
#app .approved-store .catalog-filters input:is([type=radio],[type=checkbox]){appearance:auto;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-height:17px!important;padding:0!important;margin:0!important;flex:0 0 17px;align-self:center;box-shadow:none!important}
#app .approved-store .catalog-choice-list label>span{min-width:0;unicode-bidi:plaintext;line-height:1.4}
#app .approved-store .catalog-price-fields input{font-size:14px;min-height:40px}
#app .approved-store .catalog-results-heading{padding-bottom:14px;gap:14px}
#app .approved-store .catalog-results-heading h2{font-size:27px;margin-bottom:4px}
#app .approved-store .catalog-results-heading p{font-size:14px}
#app .approved-store .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .approved-store .product-card{border-inline-end:1px solid var(--catalog-line)}
#app .approved-store .product-card:nth-child(3n){border-inline-end:0}
#app .approved-store .product-card .product-image{aspect-ratio:1.3;padding:20px 17px 8px}
#app .approved-store .product-card .product-body{padding:10px 14px 18px;gap:7px}
#app .approved-store .product-card .product-type{font-size:12px}
#app .approved-store .product-card .product-body h3{font-size:15px;line-height:1.45;min-height:65px}
#app .approved-store .product-card .product-body>p{font-size:22px}
#app .approved-store .product-card .product-stock{font-size:12px}
#app .approved-store .product-card .product-actions{gap:8px;flex-wrap:wrap}
#app .approved-store .product-actions .btn.primary{font-size:13px;min-height:40px;padding:8px 10px}
#app .approved-store .product-actions .btn.outline{font-size:12px}
@media(min-width:1200px){
 #app .approved-store .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #app .approved-store .product-card:nth-child(3n){border-inline-end:1px solid var(--catalog-line)}
 #app .approved-store .product-card:nth-child(4n){border-inline-end:0}
}
@media(min-width:1600px){
 #app .approved-store .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 #app .approved-store .product-card:nth-child(4n){border-inline-end:1px solid var(--catalog-line)}
 #app .approved-store .product-card:nth-child(5n){border-inline-end:0}
}
#app .storefront-carousel :is(.hero,.gaming-hero,.hero-inner,.gaming-hero-inner),#app .storefront-carousel .hero-shop .hero-inner{min-height:390px}
#app .storefront-carousel :is(.hero-inner,.gaming-hero-inner){padding-block:32px}
#app .storefront-carousel :is(h1,h2){font-size:clamp(28px,2.8vw,44px);max-width:650px}
#app .approved-about-page .approved-service-hero{background:#f5f8fc}
#app .approved-about-page .approved-service-hero-inner{min-height:420px;padding-block:32px;border:0;grid-template-columns:1fr 1.15fr}
#app .approved-about-page .approved-service-hero figure{height:365px}
#app .approved-about-page .approved-service-hero figcaption{display:none}
#app .approved-about-page .approved-about-lead{white-space:normal}
/* Pointer clicks must not inherit a keyboard focus ring. Keyboard focus stays explicit. */
#app :is(a,button,summary):focus:not(:focus-visible){outline:none!important}
body.gaming-theme #app .catalog-category-branch>summary{background:#141f2d;border-color:#2d3c50}
body.gaming-theme #app .catalog-category-branch>summary:hover,body.gaming-theme #app .catalog-category-branch[open]>summary{background:#1d3048;border-color:#3d6084}
@media(max-width:1100px) and (min-width:901px){#app .approved-store .catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}}
@media(max-width:900px){
 #app .approved-store>.section.wrap,#app .approved-store .gaming-catalog.wrap{width:calc(100% - 32px)}
 #app .approved-store .catalog-layout{grid-template-columns:1fr}
 #app .approved-store .catalog-sidebar{padding:0}
 #app .approved-store .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app .approved-store .product-card:nth-child(2n){border-inline-end:1px solid var(--catalog-line)}
 #app .approved-store .product-card:nth-child(3n){border-inline-end:0}
}
@media(max-width:600px){
 #app .approved-store .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .approved-store .product-card:nth-child(3n){border-inline-end:1px solid var(--catalog-line)}
 #app .approved-store .product-card:nth-child(2n){border-inline-end:0}
 #app .approved-store .product-card .product-body{padding:8px 9px 16px}
 #app .approved-store .product-card .product-body h3{font-size:14px;min-height:62px}
 #app .approved-store .product-card .product-actions{flex-direction:column;align-items:stretch}
 #app .storefront-carousel :is(.hero,.gaming-hero,.hero-inner,.gaming-hero-inner),#app .storefront-carousel .hero-shop .hero-inner{min-height:300px}
 #app .storefront-carousel :is(h1,h2){font-size:clamp(22px,6vw,30px)}
 #app .approved-about-page .approved-service-hero-inner{grid-template-columns:1fr;min-height:0;padding-block:24px;gap:20px}
 #app .approved-about-page .approved-service-hero figure{height:240px}
}
@media(max-width:359px){#app .approved-store .product-grid{grid-template-columns:1fr}#app .approved-store .product-card{border-inline-end:0}}
/* Native cross-document transitions keep normal WordPress navigation and commerce intact. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:100ms}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}