/* ==========================================================================
   Pokemon Store - custom theme overrides (sp-custom-v2)
   Palette: yellow #FFCC03 / blue #3C59A5. Loaded last via layout/local.xml.
   To change: copy to sp-custom-v3.css and bump local.xml (CSS merge + CDN cache).
   ========================================================================== */
:root{--sp-yellow:#FFCC03;--sp-yellow-d:#e6b800;--sp-blue:#3C59A5;--sp-blue-d:#2c4482;--sp-ink:#1f2937;--sp-muted:#5b6472;--sp-line:#e5e7eb;--sp-soft:#f6f8fc;--sp-font:Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif}

/* ---------- 1. Typography: one sans-serif family, no italic serif ---------- */
body,button,input,select,textarea,
.std,.std p,.std li,.std td,.std th,
.cart .button2,.button2,
form .form-instructions,.data-table thead th,.data-table tbody td,
.shipping .sp-methods label,.block-progress dd,.dashboard .box-account p,.dashboard .box-account address,
.order-info-box .box-content,.cms-page-view .std p,.cms-page-view .std li,.cms-no-route .std p,.cms-no-route .std li,
.products-grid .price,.price-box .price,#nav a,.nav-primary a{font-family:var(--sp-font)}
.std p,.std li,form .form-instructions,.dashboard .box-account p,.dashboard .box-account address,
.cms-page-view .std p,.cms-page-view .std li,.cms-no-route .std p,.cms-no-route .std li,
.catalog-category-view div.categoryland-caption p.desc{font-style:normal}
body{color:var(--sp-ink);-webkit-font-smoothing:antialiased}
a{color:var(--sp-blue)}
a:hover{color:var(--sp-blue-d)}
h1,h2,h3,.page-title h1,.product-name h1{color:var(--sp-ink)}
.page-title h1,.page-title h2{font-weight:700;letter-spacing:-.01em}
body:not(.onestepcheckout-index-index) .col-main > .page-title h1:after{content:"";display:block;width:48px;height:4px;border-radius:2px;background:var(--sp-yellow);margin-top:10px}
.cms-index-index .col-main > .page-title h1:after{margin-left:auto;margin-right:auto}

.price,.price-box .price{font-variant-numeric:lining-nums tabular-nums;-moz-font-feature-settings:"lnum";font-feature-settings:"lnum"}

.cms-index-index .col-main > h2.subtitle{font-size:20px;font-weight:700;color:var(--sp-blue);text-transform:none;letter-spacing:.01em;margin:8px 0 18px}
.cms-index-index .col-main > h2.subtitle:after{content:"";display:block;width:48px;height:4px;border-radius:2px;background:var(--sp-yellow);margin:8px auto 0}

/* ---------- 2. Header & navigation ---------- */
.page-header{border-bottom:0}
#header-nav{background:var(--sp-blue)!important;border-radius:6px;overflow:visible}
#nav > ol > li > a,.nav-primary a.level0{color:#fff!important;font-weight:600;font-size:15px;letter-spacing:.02em;padding:0 18px;transition:background .15s,color .15s}
#nav > ol > li > a:hover,.nav-primary li.level0:hover > a.level0,.nav-primary li.level0.active > a.level0{background:var(--sp-yellow)!important;color:var(--sp-blue-d)!important}
#header-nav .nav-primary li.level0 ul{border-top:3px solid var(--sp-yellow);box-shadow:0 8px 24px rgba(0,0,0,.12)}
#search{border-radius:20px;border-color:#cfd6e4;padding-left:14px}
#search:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
.skip-link .label{font-weight:600}
.skip-link:hover,.skip-link:hover .label{color:var(--sp-blue)}
.breadcrumbs a{color:var(--sp-muted)}
.breadcrumbs a:hover{color:var(--sp-blue)}
.breadcrumbs strong{color:var(--sp-ink);font-weight:600}

/* ---------- 3. Buttons ---------- */
.button,.button2,button.button{border-radius:6px;transition:background .15s,box-shadow .15s,transform .05s}
.button:active{transform:translateY(1px)}
.btn-cart,.add-to-cart-buttons .button,.btn-checkout,.btn-proceed-checkout,
.footer .block-subscribe .button{background:var(--sp-blue)!important;color:#fff!important;border:0}
.btn-cart:hover,.add-to-cart-buttons .button:hover,.btn-checkout:hover,.btn-proceed-checkout:hover,
.footer .block-subscribe .button:hover{background:var(--sp-blue-d)!important;box-shadow:0 4px 12px rgba(60,89,165,.3)}
.add-to-cart-buttons .button{font-size:16px;letter-spacing:.02em}
.button.search-button{background:transparent!important;box-shadow:none!important}
.button2{color:var(--sp-blue)}
.button2 span,.button2 span span{font-family:var(--sp-font)}

/* ---------- 4. Product grid ---------- */
.products-grid > li{text-align:center;display:flex;flex-direction:column;padding:12px;border:1px solid transparent;border-radius:10px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.products-grid > li:hover{border-color:var(--sp-line);box-shadow:0 8px 24px rgba(31,41,55,.08)}
.products-grid .product-image{border-radius:8px;overflow:hidden;margin-bottom:10px}
.products-grid .product-image img{transition:transform .3s}
.products-grid > li:hover .product-image img{transform:scale(1.03)}
.products-grid .product-info{display:flex;flex-direction:column;flex:1 1 auto;position:static!important;min-height:0!important;padding-bottom:0!important}
.products-grid .product-name{margin:0 0 6px;line-height:1.35;height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-transform:none}
.products-grid .product-name a{color:var(--sp-ink);font-weight:600;font-size:14px}
.products-grid .product-name a:hover{color:var(--sp-blue)}
.products-grid .price-box{margin:2px 0 6px}
.products-grid .price{color:var(--sp-blue);font-weight:700;font-size:17px}
.products-grid .old-price .price{color:var(--sp-muted);font-weight:400;font-size:13px}
.products-grid .special-price .price{color:#d0342c}
.products-grid .actions{margin-top:auto;position:static!important;padding-top:6px}
.products-grid .actions .btn-cart{width:100%;max-width:200px;min-height:40px;font-size:14px}
.products-grid .add-to-links{margin-top:6px}
.products-grid .link-wishlist{font-size:13px;color:var(--sp-muted)}
.products-grid .link-wishlist:hover{color:var(--sp-blue)}
/* toolbar */
.toolbar{background:var(--sp-soft);border:0;border-radius:8px;padding:8px 12px}
.toolbar select{border-radius:4px}
.pages li a,.pages li.current{border-radius:4px}
.pages li.current{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue)}

/* ---------- 5. Product page ---------- */
.product-view .product-name h1,.product-view .product-name .h1{font-size:28px;font-weight:700;line-height:1.25;text-transform:none}
.product-view .product-shop .price-box .price{color:var(--sp-blue)!important;font-weight:700;font-size:28px}
.product-view .availability.in-stock{color:#15803d;font-weight:600}
.product-view .short-description .std p{color:var(--sp-muted);font-size:15px!important}
.product-options{border:0;padding:0;margin:12px 0}
.product-options dt label{font-weight:600;color:var(--sp-ink);text-transform:none}
.product-options select,.product-view .qty-wrapper input.qty{background:#fff;border:1px solid #cfd6e4;border-radius:6px;min-height:44px;padding:0 12px;color:var(--sp-ink)}
.product-options select:focus,.product-view .qty-wrapper input.qty:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
.product-view .qty-wrapper input.qty{width:64px;text-align:center;padding:0 6px}
.add-to-cart-buttons .button{min-height:48px}
.product-img-box .product-image{border:1px solid var(--sp-line);border-radius:10px;overflow:hidden}
.product-image-thumbs a{border-color:var(--sp-line);border-radius:6px;overflow:hidden;transition:border-color .15s}
.product-image-thumbs a:hover{border-color:var(--sp-yellow)}
.more-views h2{font-size:13px;font-weight:600;color:var(--sp-muted);text-transform:uppercase;letter-spacing:.06em}
/* tabs */
.product-collateral .toggle-tabs{border-bottom:2px solid var(--sp-line);background:transparent}
.product-collateral .toggle-tabs li{border:0!important;background:transparent}
.product-collateral .toggle-tabs li > span{background:transparent!important;color:var(--sp-muted)!important;font-weight:700;font-size:13px;letter-spacing:.06em;border:0;border-bottom:3px solid transparent;margin-bottom:-2px}
.product-collateral .toggle-tabs li.current > span{color:var(--sp-blue)!important;border-bottom-color:var(--sp-yellow)}
.product-collateral .toggle-tabs li > span:hover{color:var(--sp-blue)!important}
.product-collateral .collateral-tabs dd.tab-container,.product-collateral > dl > dd{border:0}
.product-collateral .tab-content{color:#374151;font-size:15px;line-height:1.7}
.product-collateral .std img,.product-view .std img{max-width:100%;height:auto}
.product-collateral .std table{max-width:100%;border-collapse:collapse}
.block-related .product-name a,.box-up-sell .product-name a{font-weight:600}

/* ---------- 6. Cart ---------- */
.cart .page-title h1,.checkout-cart-index .page-title h1{font-size:28px}
.cart-table th{background:var(--sp-soft);color:var(--sp-ink);font-weight:700}
.cart-table .product-name a{color:var(--sp-ink);font-weight:600}
.cart-table .cart-price .price{color:var(--sp-ink);font-weight:600}
.cart-table .product-cart-total .price{color:var(--sp-blue);font-weight:700}
.cart-footer-actions .button2{border:1px solid #cfd6e4;border-radius:6px;padding:0 14px;min-height:38px;margin:4px;background:#fff;color:var(--sp-blue);font-size:14px}
.cart-footer-actions .button2:hover{border-color:var(--sp-blue);background:var(--sp-soft)}
.cart .discount,.cart .shipping{background:var(--sp-soft);border:0;border-radius:10px}
.cart .totals{background:var(--sp-soft);border:0;border-radius:10px}
.cart .totals tfoot .price{color:var(--sp-blue)}
.cart .btn-proceed-checkout{min-height:46px;font-size:16px}

/* ---------- 7. Footer ---------- */
.footer-container{background:#f4f6fb;border-top:4px solid var(--sp-yellow);margin-top:40px}
.footer{border-top:0}
.footer .block-title,.footer h4,.footer h5,.footer .links .block-title strong{color:var(--sp-blue);font-weight:700;letter-spacing:.02em}
.footer a{color:#374151;font-family:var(--sp-font);text-transform:none}
.footer a:hover{color:var(--sp-blue);text-decoration:underline}
.footer .links li{line-height:1.9}
.footer .block-subscribe input.input-text{border-radius:6px 0 0 6px;border-color:#cfd6e4}
.footer .block-subscribe .button{border-radius:0 6px 6px 0}
.footer address,.footer .copyright{color:var(--sp-muted);font-size:13px}

/* ---------- 8. Inputs & messages (global) ---------- */
input.input-text,select,textarea{border-radius:6px}
input.input-text:focus,select:focus,textarea:focus{border-color:var(--sp-blue)}
.messages .success-msg{border-left:4px solid #15803d}
.messages .error-msg{border-left:4px solid #d0342c}

/* ---------- 9. Mobile ---------- */
@media (max-width:770px){
  #header-nav{border-radius:0}
  .page-header .skip-link{min-height:44px}
  .products-grid > li{padding:8px 6px}
  .products-grid .product-name a{font-size:13px}
  .products-grid .price{font-size:16px}
  .products-grid .actions .btn-cart{min-height:44px;max-width:none;padding:0 8px}
  .products-grid .link-wishlist{display:inline-block;padding:8px 4px;font-size:13px}
  .toolbar select,.pager .pages li a,.pager .pages li.current{min-height:36px;min-width:36px;line-height:36px}
  .product-view .product-name h1{font-size:24px}
  .product-view .product-shop .price-box .price{font-size:24px}
  .add-to-cart-buttons .button{width:100%}
  .product-collateral .toggle-tabs li > span{padding:0 14px}
  .footer .links li a{display:inline-block;padding:6px 0}
  .cart-footer-actions .button2{min-height:44px}
  img{max-width:100%}
}

/* ==========================================================================
   v2 additions (2026-10-25): category toolbar + pagination, Product Tags
   block, unified blue buttons (no green theme buttons outside checkout)
   ========================================================================== */

/* ---------- 10. Category toolbar (top + bottom) ---------- */
html body .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;margin:16px 0;line-height:normal}
html body .toolbar:before,html body .toolbar:after,html body .toolbar .pager:before,html body .toolbar .pager:after,html body .toolbar .sorter:after,html body .toolbar .count-container:after{display:none!important;content:none!important}
html body .toolbar .sorter,html body .toolbar .sort-by,html body .toolbar .count-container,html body .toolbar .limiter,html body .toolbar .pages,html body .toolbar .amount,html body .toolbar .sort-by label,html body .toolbar .limiter label{float:none;margin:0}
html body .toolbar .pager{display:contents}
html body .toolbar .sorter,html body .toolbar .sort-by,html body .toolbar .count-container,html body .toolbar .limiter{height:auto;min-height:40px}
html body .toolbar .sorter{display:flex;align-items:center;flex:0 1 auto;min-width:0;width:auto}
html body .toolbar .view-mode:empty{display:none}
html body .toolbar .sort-by,html body .toolbar .limiter,html body .toolbar .count-container{display:flex;align-items:center;gap:8px}
html body .toolbar .count-container{margin-left:auto;gap:16px}
html body .toolbar .sort-by label,html body .toolbar .limiter label{display:inline-block;font-family:var(--sp-font);font-size:14px;font-weight:600;text-transform:none;color:var(--sp-muted);line-height:40px;padding:0;white-space:nowrap}
html body .toolbar .amount{font-family:var(--sp-font);font-size:14px;color:var(--sp-muted);line-height:40px;font-variant-numeric:lining-nums}
html body .toolbar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;min-height:40px;line-height:38px;margin:0;padding:0 34px 0 14px;width:auto;
  background:#fff url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/chevron.svg") no-repeat right 12px center;
  border:1px solid #cfd6e4;border-radius:8px;color:var(--sp-ink);font-family:var(--sp-font);font-size:15px;font-weight:500;cursor:pointer;font-variant-numeric:lining-nums;box-shadow:none}
html body .toolbar select:hover{border-color:var(--sp-blue)}
html body .toolbar select:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
html body .toolbar .sorter .sort-by .sort-by-switcher{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:0;padding:0;
  background:#fff!important;border:1px solid #cfd6e4;border-radius:8px;text-indent:0;font-size:0;color:var(--sp-blue);overflow:hidden;transition:border-color .15s}
html body .toolbar .sorter .sort-by .sort-by-switcher:before{content:"";display:block;width:2px;height:14px;background:currentColor;border-radius:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
html body .toolbar .sorter .sort-by .sort-by-switcher:after{content:"";display:block;width:7px;height:7px;border:solid currentColor;border-width:2px 0 0 2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-90%) rotate(45deg)}
html body .toolbar .sorter .sort-by .sort-by-switcher--desc:after{border-width:0 2px 2px 0;transform:translate(-50%,-10%) rotate(45deg)}
html body .toolbar .sorter .sort-by .sort-by-switcher:hover{border-color:var(--sp-yellow)}

html body /* pagination */
.toolbar .pages{display:flex;align-items:center;overflow:visible;line-height:normal;height:auto}
html body .toolbar .pages strong{display:none}
html body .toolbar .pages ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;height:auto;list-style:none}
html body .toolbar .pages ol:after{display:none}
html body .toolbar .pages li{float:none;display:block;margin:0;padding:0;width:auto;height:auto;min-width:0;background:none;border:0;line-height:normal}
html body .toolbar .pages li a,html body .toolbar .pages li.current{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:40px;width:auto;height:40px;padding:0 8px;margin:0;
  background:#fff;border:1px solid #cfd6e4;border-radius:8px;color:var(--sp-ink);font-family:var(--sp-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;font-variant-numeric:lining-nums;transition:border-color .15s,box-shadow .15s}
html body .toolbar .pages li a:hover{border-color:var(--sp-yellow);box-shadow:0 0 0 1px var(--sp-yellow);color:var(--sp-blue);text-decoration:none}
html body .toolbar .pages li.current{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}
html body .toolbar .pages li a.next,html body .toolbar .pages li a.previous{position:relative;top:auto;right:auto;left:auto;font-size:0;color:var(--sp-blue);text-indent:0;overflow:hidden}
html body .toolbar .pages li a.next:before,html body .toolbar .pages li a.previous:before{content:"";position:static;display:block;width:8px;height:8px;margin:0;border:solid currentColor;border-width:2px 2px 0 0;background:none;transform:translateX(-2px) rotate(45deg)}
html body .toolbar .pages li a.previous:before{transform:translateX(2px) rotate(-135deg)}
html body .toolbar .pages li a.next:after,html body .toolbar .pages li a.previous:after{display:none;content:none}
html body .toolbar .pages li a.next img,html body .toolbar .pages li a.previous img{display:none}
html body .toolbar-bottom{margin-top:16px}
html body .toolbar-bottom .toolbar{margin:16px 0 8px}
html body .category-products > .toolbar + .products-grid,html body .category-products > .toolbar + ul{margin-top:16px}

@media (max-width:770px){
  html body .toolbar{gap:14px 10px;padding:12px;margin:14px 0 16px}
  html body .toolbar .sorter{flex:0 1 auto}
  html body .toolbar .sort-by{gap:6px}
  html body .toolbar .count-container{margin-left:auto}
  html body .toolbar .amount{display:none}
  html body .toolbar .limiter label{display:inline-block}
  html body .toolbar .sort-by label,html body .toolbar .limiter label{font-size:14px}
  html body .toolbar select{font-size:16px;padding:0 30px 0 12px;background-position:right 10px center}
  html body .toolbar .pages{flex:1 1 100%;justify-content:center}
  html body .toolbar .pages ol{justify-content:center}
  html body .toolbar select,html body .toolbar .pages li a,html body .toolbar .pages li.current{min-height:40px;line-height:normal}
}
@media (max-width:359px){
  html body .toolbar .sort-by label{display:none}
}

html body /* ---------- 11. Product Tags block ---------- */
.box-collateral.box-tags{clear:both;margin:32px 0 0;padding:24px 0 0;border-top:1px solid var(--sp-line)}
html body .box-tags h2{margin:0 0 14px;padding:0;border:0;font-family:var(--sp-font);font-size:20px;font-weight:700;line-height:1.3;color:var(--sp-ink);text-transform:none;letter-spacing:0}
html body .box-tags .form-add{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;max-width:560px}
html body .box-tags .form-add label{flex:1 1 100%;margin:0;padding:0;float:none;font-family:var(--sp-font);font-size:14px;font-weight:600;color:var(--sp-ink);text-transform:none;line-height:1.4}
html body .box-tags .form-add .input-box{flex:1 1 200px;float:none;width:auto;margin:0;padding:0}
html body .box-tags .form-add .input-text{box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 12px;background:#fff;border:1px solid #cfd6e4;border-radius:6px;font-family:var(--sp-font);font-size:16px;color:var(--sp-ink)}
html body .box-tags .form-add .input-text:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
html body .box-tags .form-add .button,html body .box-tags .form-add button.button{flex:0 0 auto;float:none;height:44px;min-height:44px;margin:0!important;padding:0 24px;line-height:44px;border:0;border-radius:6px;font-family:var(--sp-font);font-size:15px;font-weight:700;letter-spacing:.02em}
html body .box-tags .form-add .button span,html body .box-tags .form-add .button span span{background:none;padding:0;height:auto;line-height:inherit;font:inherit;color:inherit}
html body .box-tags .form-add .validation-advice{flex:1 1 100%;margin:0}
html body .box-tags .note{margin:10px 0 0;padding:0;font-family:var(--sp-font);font-size:13px;line-height:1.5;color:#6b7280}
html body .box-tags .tags-list,html body .box-tags ul.product-tags{margin:0 0 14px}

/* ---------- 12. Unified buttons: brand blue everywhere except one-step checkout ---------- */
body:not(.onestepcheckout-index-index) button.button:not(.search-button),
body:not(.onestepcheckout-index-index) a.button:not(.search-button),
body:not(.onestepcheckout-index-index) input.button{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue);font-family:var(--sp-font);font-weight:700}
body:not(.onestepcheckout-index-index) button.button:not(.search-button):hover,
body:not(.onestepcheckout-index-index) a.button:not(.search-button):hover,
body:not(.onestepcheckout-index-index) input.button:hover{background:var(--sp-blue-d);color:#fff;box-shadow:0 4px 12px rgba(60,89,165,.3)}
body:not(.onestepcheckout-index-index) button.button:not(.search-button):focus-visible,
body:not(.onestepcheckout-index-index) a.button:focus-visible{outline:2px solid var(--sp-yellow);outline-offset:2px}

/* ---------- 13. Header (v2, modelled on qualityonesie/hqcosplay) ---------- */
/* mobile: one sticky 56px row - menu left, logo centre, search + cart right; slide-in drawer */
@media only screen and (max-width:770px){
  html body .page-header{position:-webkit-sticky;position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid #eceff4;margin:0;transition:box-shadow .2s ease}
  html body .page-header.sp-scrolled{box-shadow:0 2px 10px rgba(15,23,42,.08);border-bottom-color:transparent}
  html.sp-nav-open body .page-header{z-index:10001}
  html.sp-nav-open,html.sp-nav-open body{overflow:hidden}
  html body .page-header-container{position:relative;min-height:56px;height:auto;padding:0;margin:0}
  html body .page-header-container .store-language-container{display:none}
  html body .page-header-container .logo{position:absolute;left:50%;top:28px;transform:translate(-50%,-50%);float:none;display:flex;align-items:center;width:auto;max-width:130px;height:40px;min-height:0;margin:0;padding:0;z-index:5}
  html body .page-header-container .logo img.large{display:none}
  html body .page-header-container .logo img.small{display:block;width:auto;max-width:130px;height:38px;max-height:38px;margin:0;object-fit:contain}
  html body .skip-links{position:relative;height:56px;margin:0;padding:0 6px;border:0;overflow:visible;clear:both;background:transparent}
  html body .skip-links .skip-link{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;line-height:44px;margin:6px 0 0;padding:0;background:transparent;border:0;box-sizing:border-box;color:var(--sp-ink)}
  html body .skip-links .skip-link .label{display:none}
  html body .skip-links .skip-nav{float:left}
  html body .skip-links .account-cart-wrapper{float:right;position:static;width:auto}
  html body .skip-links .header-minicart{float:none;display:block;width:auto;position:static}
  html body .skip-links .skip-search{position:absolute;top:0;right:50px;float:none}
  html body .skip-links .skip-account{display:none}
  html body .skip-links .skip-cart{position:relative;float:none;width:44px}
  html body .skip-links .skip-link .icon{display:block;width:24px;height:24px;margin:0;padding:0;border:0;background:var(--sp-ink);background-image:none;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  html body .skip-links .skip-link .icon:before,html body .skip-links .skip-link .icon:after{content:none;display:none}
  html body .skip-links .skip-link.skip-active .icon,html body .skip-links .skip-link:hover .icon{background:var(--sp-blue)}
  html body .skip-links .skip-link.skip-active{background:transparent}
  html body .skip-links .skip-nav .icon{-webkit-mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/menu.svg");mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/menu.svg")}
  html body .skip-links .skip-search .icon{-webkit-mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/search.svg");mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/search.svg")}
  html body .skip-links .skip-cart .icon{-webkit-mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/cart.svg");mask-image:url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/cart.svg")}
  html body .skip-links .skip-cart .count{position:absolute;top:4px;right:1px;left:auto;display:flex;align-items:center;justify-content:center;min-width:17px;width:auto;height:17px;margin:0;padding:0 4px;border-radius:9px;background:var(--sp-blue);color:#fff;font:700 10px/17px var(--sp-font);box-sizing:border-box}
  html body .skip-links .skip-cart .count:before,html body .skip-links .skip-cart .count:after{content:none;display:none}
  html body .skip-links .skip-cart.no-count .count{display:none}

  /* drawer */
  html body #header-nav{display:block;position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:340px;height:100vh;height:100dvh;margin:0;padding:0;z-index:10000;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff!important;border-radius:0;transform:translateX(-105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;border:0}
  html body #header-nav.skip-active{transform:translateX(0);visibility:visible;transition:transform .3s ease;box-shadow:0 0 0 100vmax rgba(15,23,42,.45)}
  html body #header-nav:before{content:"MENU";position:-webkit-sticky;position:sticky;top:0;display:block;padding:20px 60px 16px 20px;margin:0;font:700 16px/1 var(--sp-font);letter-spacing:.12em;color:var(--sp-ink);background:#fff;border-bottom:3px solid var(--sp-yellow);z-index:2}
  html body #header-nav .sp-nav-close{position:absolute;top:6px;right:8px;z-index:3;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--sp-ink);font:400 30px/44px Arial,sans-serif;cursor:pointer;box-shadow:none}
  html body #header-nav .sp-nav-close:hover{background:var(--sp-soft);color:var(--sp-blue)}
  html body #header-nav #nav,html body #header-nav #nav ol.nav-primary{background:#fff;margin:0;padding:0;border:0}
  html body #nav ol.nav-primary>li.level0{float:none;display:block;margin:0;border:0;border-bottom:1px solid #eef0f4;background:#fff;position:relative}
  html body #nav ol.nav-primary>li.level0>a.level0{display:block;position:relative;padding:0 48px 0 20px;line-height:52px;height:auto;background:#fff!important;color:var(--sp-ink)!important;font:700 14px/52px var(--sp-font);text-transform:uppercase;letter-spacing:.05em;border:0;text-align:left}
  html body #nav ol.nav-primary>li.level0.active>a.level0,html body #nav ol.nav-primary>li.level0:hover>a.level0{color:var(--sp-blue)!important;background:#fff!important;box-shadow:inset 4px 0 0 var(--sp-yellow)}
  html body #nav ol.nav-primary>li.level0>a.level0:before{content:none;display:none}
  html body #nav ol.nav-primary>li.level0>a.has-children:after{content:"+";position:absolute;right:18px;left:auto;top:0;margin:0;padding:0;transform:none;display:block;width:auto;height:auto;border:0;background:none;font:400 22px/52px Arial,sans-serif;color:var(--sp-muted)}
  html body #nav ol.nav-primary>li.level0.menu-active>a.has-children:after,html body #nav ol.nav-primary>li.level0>a.has-children.menu-active:after{content:"\2212";color:var(--sp-blue)}
  html body #nav ol.nav-primary>li.level0.menu-active>a.level0{color:var(--sp-blue)!important}
  html body #header-nav .nav-primary li.level0 ul.level0{background:var(--sp-soft)!important;margin:0;padding:4px 0;border:0;box-shadow:none}
  html body #nav ul.level0 li{border:0;background:transparent;margin:0}
  html body #nav ul.level0 li a{display:block;padding:0 20px 0 34px;line-height:44px;background:transparent!important;color:#374151!important;font:500 14px/44px var(--sp-font);text-transform:none;letter-spacing:0;border:0}
  html body #nav ul.level0 li a:before{content:none;display:none}
  html body #nav ul.level0 li a:hover{color:var(--sp-blue)!important}
  html body #nav ol.nav-primary>li.sp-extra{border-top:6px solid var(--sp-soft)}

  /* search panel */
  html body #header-search{margin:0;padding:0;border:0;clear:both}
  html body #header-search.skip-active{display:block;background:#fff;padding:10px 12px 12px;box-shadow:0 8px 12px -8px rgba(15,23,42,.15)}
  html body #search_mini_form{display:flex;align-items:center;gap:10px;position:relative}
  html body #search_mini_form .input-box{flex:1 1 auto;position:relative;margin:0;padding:0}
  html body #search_mini_form label{display:none}
  html body #search_mini_form #search{box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 44px 0 16px;background:#f3f4f6;border:1px solid transparent;border-radius:22px;font:16px var(--sp-font);color:var(--sp-ink)}
  html body #search_mini_form #search:focus{background:#fff;border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
  html body #search_mini_form .search-button{top:2px;right:4px;width:40px;height:40px}
  html body #search_mini_form .sp-search-cancel{flex:0 0 auto;margin:0;padding:0 4px;height:44px;border:0;background:none;color:var(--sp-blue);font:600 14px var(--sp-font);cursor:pointer;box-shadow:none}
  html body #search_mini_form .search-autocomplete{top:48px;left:0}
  html body #header-cart.skip-active{position:absolute;top:56px;left:8px;right:8px;width:auto;z-index:950}
}
@media only screen and (max-width:360px){
  html body .page-header-container .logo,html body .page-header-container .logo img.small{max-width:110px}
}

/* desktop: compact row - logo left, pill search beside it, account/cart right, centred nav bar */
@media only screen and (min-width:771px){
  html body #search_mini_form .sp-search-cancel,html body #nav li.sp-extra,html body #header-nav .sp-nav-close{display:none}
  html body .page-header-container .logo{padding:14px 0;height:auto;min-height:0;display:flex;align-items:center;width:auto}
  html body .page-header-container .logo img.large{width:auto;height:64px;max-width:none}
  html body #header-search{top:26px;left:250px;right:auto;width:440px;height:auto}
  html body #search_mini_form #search{height:42px;padding:0 44px 0 18px;background:#f3f4f6;border:1px solid transparent;border-radius:21px;font-size:14px}
  html body #search_mini_form #search:focus{background:#fff;border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(60,89,165,.15);outline:0}
  html body #search_mini_form .search-button{top:1px;right:4px;height:40px}
  html body .skip-links .skip-account,html body .skip-links .skip-cart{top:0}
  html body .skip-links .skip-link .label{font-family:var(--sp-font);font-weight:600;font-size:13px;letter-spacing:.04em}
  html body .skip-links .skip-link:hover .label{color:var(--sp-blue)}
  html body #header-nav{border-radius:8px;box-shadow:0 2px 6px rgba(15,23,42,.15);margin-bottom:6px}
  html body #nav ol.nav-primary{margin:0;display:flex;justify-content:center;flex-wrap:wrap}
  html body #nav ol.nav-primary>li.level0>a.level0{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0 22px}
}

/* ===================== v3 (2026-10-25) ===================== */
/* ---------- 14. Home hero carousel (markup in CMS fashion4_home, JS js/sp-banner-v1.js) ---------- */
html body .sp-hero{position:relative;margin:0 0 28px;border-radius:14px;overflow:hidden;background:var(--sp-soft);-webkit-user-select:none;user-select:none;touch-action:pan-y}
html body .sp-hero-track{display:flex;transition:transform .55s ease;will-change:transform}
html body .sp-hero .sp-slide{flex:0 0 100%;box-sizing:border-box;display:flex;align-items:center;min-height:400px;padding:0 72px;gap:24px;text-decoration:none!important;color:var(--sp-ink)}
html body .sp-hero .sp-slide:nth-child(4n+1){background:linear-gradient(120deg,#fff6cc 0,#fffdf3 55%,#f6f8fc 100%)}
html body .sp-hero .sp-slide:nth-child(4n+2){background:linear-gradient(120deg,#e6ecfa 0,#f6f8fc 60%,#ffffff 100%)}
html body .sp-hero .sp-slide:nth-child(4n+3){background:linear-gradient(120deg,#fff1b8 0,#fff9e0 50%,#f6f8fc 100%)}
html body .sp-hero .sp-slide:nth-child(4n+4){background:linear-gradient(120deg,#dfe7f8 0,#eef2fb 55%,#fffbe8 100%)}
html body .sp-hero .sp-slide-text{flex:1 1 48%;max-width:500px}
html body .sp-hero .sp-slide-kicker{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:999px;background:var(--sp-yellow);color:var(--sp-blue-d);font:700 12px/1.2 var(--sp-font);letter-spacing:.08em;text-transform:uppercase}
html body .sp-hero .sp-slide-title{margin:0 0 12px;font:800 40px/1.12 var(--sp-font);color:var(--sp-ink);letter-spacing:-.01em;text-transform:none}
html body .sp-hero .sp-slide-sub{margin:0 0 24px;font:400 16px/1.55 var(--sp-font);color:var(--sp-muted)}
html body .sp-hero .sp-slide-cta{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 26px;border-radius:999px;background:var(--sp-blue);color:#fff;font:700 15px/48px var(--sp-font);letter-spacing:.02em;box-shadow:0 6px 16px rgba(60,89,165,.28);transition:background .15s,transform .15s}
html body .sp-hero .sp-slide-cta:after{content:"\2192";font-size:17px}
html body .sp-hero .sp-slide:hover .sp-slide-cta{background:var(--sp-blue-d);transform:translateY(-1px)}
html body .sp-hero .sp-slide:focus-visible{outline:3px solid var(--sp-blue);outline-offset:-3px}
html body .sp-hero .sp-slide-img{flex:1 1 52%;display:flex;align-items:center;justify-content:center;height:380px}
html body .sp-hero .sp-slide-img picture{display:contents}
html body .sp-hero .sp-slide-img img{display:block;width:auto;max-width:100%;height:auto;max-height:380px;object-fit:contain;mix-blend-mode:multiply;-webkit-user-drag:none}
html body .sp-hero-arrow{position:absolute;top:50%;z-index:2;display:none;width:44px;height:44px;margin:-22px 0 0;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);cursor:pointer;color:var(--sp-blue);transition:background .15s,color .15s}
html body .sp-hero.is-ready .sp-hero-arrow{display:block}
html body .sp-hero-arrow span{position:absolute;left:50%;top:50%;width:10px;height:10px;border:solid currentColor;border-width:0 0 2.5px 2.5px;transform:translate(-30%,-50%) rotate(45deg)}
html body .sp-hero-next span{transform:translate(-70%,-50%) rotate(-135deg)}
html body .sp-hero-prev{left:14px}
html body .sp-hero-next{right:14px}
html body .sp-hero-arrow:hover,html body .sp-hero-arrow:focus-visible{background:var(--sp-blue);color:#fff;outline:0}
html body .sp-hero-dots{position:absolute;left:0;right:0;bottom:14px;z-index:2;display:flex;justify-content:center;gap:2px}
html body .sp-hero-dot{position:relative;width:24px;height:24px;margin:0;padding:0;border:0;background:none;cursor:pointer}
html body .sp-hero-dot:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:4px;background:rgba(31,41,55,.25);transition:all .25s}
html body .sp-hero-dot.is-active:before{width:22px;margin-left:-11px;background:var(--sp-blue)}
html body .sp-hero-dot:focus-visible{outline:2px solid var(--sp-blue);outline-offset:-2px;border-radius:6px}
@media (max-width:770px){
  html body .sp-hero{margin:0 0 20px;border-radius:12px}
  html body .sp-hero .sp-slide{flex-direction:column-reverse;justify-content:flex-end;min-height:0;padding:0 18px 46px;gap:0;text-align:center}
  html body .sp-hero .sp-slide-text{flex:0 0 auto;max-width:none}
  html body .sp-hero .sp-slide-img{flex:0 0 auto;width:100%;height:236px;padding-top:6px}
  html body .sp-hero .sp-slide-img img{max-height:230px}
  html body .sp-hero .sp-slide-kicker{margin:0 0 8px;font-size:11px}
  html body .sp-hero .sp-slide-title{margin:0 0 8px;font-size:24px}
  html body .sp-hero .sp-slide-sub{margin:0 auto 16px;max-width:340px;font-size:14px;line-height:1.5}
  html body .sp-hero .sp-slide-cta{height:44px;padding:0 22px;font-size:14px;line-height:44px}
  html body .sp-hero.is-ready .sp-hero-arrow{display:none}
  html body .sp-hero-dots{bottom:10px}
}
@media (prefers-reduced-motion:reduce){html body .sp-hero-track{transition:none}}

/* ---------- 15. One input+button group style: newsletter = tags = cart coupon ---------- */
/* shared heading */
html body .footer .block-subscribe .block-title strong,
html body .box-tags h2,
html body .cart .cart-forms .discount h2,
html body .cart .cart-forms .shipping h2{display:block!important;margin:0 0 12px!important;padding:0!important;border:0!important;font-family:var(--sp-font)!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:#111!important;text-transform:none!important;letter-spacing:.02em!important;background:none!important}
/* shared field */
html body .footer .block-subscribe input.input-text,
html body .box-tags .form-add .input-text,
html body .cart .discount input.input-text{box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border:1px solid #cfd6e4!important;border-right:0!important;border-radius:8px 0 0 8px!important;font-family:var(--sp-font)!important;font-size:16px!important;color:var(--sp-ink)!important;box-shadow:none!important}
html body .footer .block-subscribe input.input-text:focus,
html body .box-tags .form-add .input-text:focus,
html body .cart .discount input.input-text:focus{border-color:var(--sp-blue)!important;box-shadow:0 0 0 3px rgba(60,89,165,.15)!important;outline:0!important}
/* shared joined button */
html body .footer .block-subscribe .actions .button,
html body .box-tags .form-add .button,
html body .cart .discount .button-wrapper button.button2{flex:0 0 auto!important;float:none!important;box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:0 8px 8px 0!important;background:var(--sp-blue)!important;color:#fff!important;font-family:var(--sp-font)!important;font-size:14px!important;font-weight:700!important;line-height:44px!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer}
html body .footer .block-subscribe .actions .button:hover,
html body .box-tags .form-add .button:hover,
html body .cart .discount .button-wrapper button.button2:hover{background:var(--sp-blue-d)!important;box-shadow:0 4px 12px rgba(60,89,165,.3)!important}
html body .footer .block-subscribe .actions .button span,html body .footer .block-subscribe .actions .button span span,
html body .box-tags .form-add .button span,html body .box-tags .form-add .button span span,
html body .cart .discount .button-wrapper button.button2 span,html body .cart .discount .button-wrapper button.button2 span span{display:inline!important;float:none!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font:inherit!important;line-height:inherit!important;color:inherit!important;text-transform:none!important}
/* group rows: same max-width */
html body .footer .block-subscribe .block-content{display:flex!important;flex-wrap:wrap;align-items:stretch;max-width:420px}
html body .footer .block-subscribe .form-subscribe-header{flex:0 0 100%}
html body .footer .block-subscribe .input-box{flex:1 1 160px!important;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important}
html body .footer .block-subscribe .actions{flex:0 0 auto!important;float:none!important;width:auto!important;margin:0!important;padding:0!important}
html body .footer .block-subscribe .validation-advice{position:static}
html body .box-collateral.box-tags .form-add{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:0!important;max-width:420px!important;margin:0!important}
html body .box-tags .form-add label{flex:0 0 100%!important;width:100%!important;margin:0 0 6px!important;font-size:13px!important;font-weight:600!important;color:var(--sp-muted)!important}
html body .box-tags .form-add .input-box{flex:1 1 160px!important;min-width:0!important;width:auto!important;margin:0!important}
html body .box-tags .form-add .validation-advice{order:5}
html body .box-tags .note{max-width:420px;margin:8px 0 0!important;font-size:12px!important;line-height:1.5!important;color:#6b7280!important}
/* cart coupon row */
html body .cart .discount .discount-form > label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
html body .cart .discount .discount-form{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;max-width:420px}
html body .cart .discount .field-wrapper{display:flex!important;flex:1 1 100%!important;align-items:stretch!important;float:none!important;width:100%!important;margin:0!important;padding:0!important}
html body .cart .discount .field-wrapper > .input-text{flex:1 1 0!important;min-width:0!important}
html body .cart .discount .button-wrapper{display:flex!important;flex:0 0 auto!important;float:none!important;margin:0!important;padding:0!important}
html body .cart .discount .field-wrapper + .button-wrapper,html body .cart .discount .discount-form > .button-wrapper{margin-top:10px!important}
html body .cart .discount .discount-form > .button-wrapper button.button2{border-radius:8px!important}

/* ---------- 16. Cart page ---------- */
html body .cart .cart-forms .discount,html body .cart .cart-forms .shipping{padding:18px 20px!important;margin:0 0 16px!important;background:var(--sp-soft)!important;border:0!important;border-radius:10px!important}
/* estimate shipping */
html body .cart .shipping .shipping-desc{margin:0 0 12px;font:400 13px/1.5 var(--sp-font);color:var(--sp-muted)}
html body .cart .shipping .form-list{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px;padding:0}
html body .cart .shipping .form-list > li{float:none!important;flex:1 1 100%;width:auto!important;margin:0!important;padding:0!important}
html body .cart .shipping .form-list > li.shipping-postcode{flex:0 1 160px}
html body .cart .shipping .form-list label{display:block;float:none;margin:0 0 6px;font:600 13px/1.3 var(--sp-font);color:var(--sp-muted);text-transform:none}
html body .cart .shipping .form-list label em{color:#d14343;font-style:normal;margin-right:2px}
html body .cart .shipping .form-list .input-box{float:none;width:100%!important;margin:0;padding:0}
html body .cart .shipping select,html body .footer select,html body .currency-switcher select,html body #co-shipping-method-form select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 36px 0 12px!important;line-height:42px!important;background:#fff url("https://www.storepokemon.com/skin/frontend/shop/default/images/sp-v2/chevron.svg") no-repeat right 12px center!important;border:1px solid #cfd6e4!important;border-radius:8px!important;color:var(--sp-ink)!important;font-family:var(--sp-font)!important;font-size:15px!important;font-weight:500!important;text-overflow:ellipsis;box-shadow:none!important;cursor:pointer}
html body .footer select,html body .currency-switcher select{width:auto!important;height:40px!important;min-height:40px!important;line-height:38px!important}
html body .cart .shipping input.input-text{box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border:1px solid #cfd6e4!important;border-radius:8px!important;font-family:var(--sp-font)!important;font-size:16px!important;color:var(--sp-ink)!important;box-shadow:none!important}
html body .cart .shipping select:hover,html body .footer select:hover{border-color:var(--sp-blue)!important}
html body .cart .shipping select:focus,html body .cart .shipping input.input-text:focus,html body .footer select:focus{border-color:var(--sp-blue)!important;box-shadow:0 0 0 3px rgba(60,89,165,.15)!important;outline:0!important}
html body .cart .shipping .buttons-set{display:flex;justify-content:flex-end;margin:0!important;padding:0!important;border:0!important}
html body .cart .shipping dl.sp-methods{margin:12px 0;font:400 14px/1.5 var(--sp-font)}
html body .cart .shipping dl.sp-methods dt{font-weight:700;color:var(--sp-ink);margin:8px 0 4px}
/* secondary buttons: Estimate, Update Total, Empty Cart, Update Shopping Cart, Continue Shopping */
html body .cart .shipping .buttons-set .button2,
html body .cart .cart-footer-actions .button2,
html body .cart-table .product-cart-actions .button.btn-update,
html body .cart-table .product-cart-actions .button2.btn-update{box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:4px!important;padding:0 18px!important;background:#fff!important;border:1px solid var(--sp-blue)!important;border-radius:8px!important;color:var(--sp-blue)!important;font-family:var(--sp-font)!important;font-size:14px!important;font-weight:700!important;line-height:42px!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap;box-shadow:none!important;cursor:pointer;vertical-align:middle;transition:background .15s,color .15s}
html body .cart .shipping .buttons-set .button2{margin:0!important}
html body .cart .shipping .buttons-set .button2:hover,
html body .cart .cart-footer-actions .button2:hover,
html body .cart-table .product-cart-actions .btn-update:hover{background:var(--sp-blue)!important;color:#fff!important}
html body .cart .shipping .buttons-set .button2 span,html body .cart .shipping .buttons-set .button2 span span,
html body .cart .cart-footer-actions .button2 span,html body .cart .cart-footer-actions .button2 span span,
html body .cart-table .product-cart-actions .btn-update span,html body .cart-table .product-cart-actions .btn-update span span{display:inline!important;float:none!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font:inherit!important;line-height:inherit!important;color:inherit!important;text-transform:none!important}
html body .cart .cart-footer-actions .button2[style*="hidden"]{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
html body .cart .cart-footer-actions .or{font:400 12px/44px var(--sp-font);color:var(--sp-muted);text-transform:lowercase;margin:0 4px}
/* qty + edit */
html body .cart-table .product-cart-actions .input-text.qty{box-sizing:border-box!important;width:64px!important;height:40px!important;min-height:40px!important;margin:0 auto 6px!important;padding:0 6px!important;background:#fff!important;border:1px solid #cfd6e4!important;border-radius:8px!important;text-align:center!important;font-family:var(--sp-font)!important;font-size:16px!important;font-weight:600!important;color:var(--sp-ink)!important;font-variant-numeric:lining-nums tabular-nums;box-shadow:none!important}
html body .cart-table .product-cart-actions .input-text.qty:focus{border-color:var(--sp-blue)!important;box-shadow:0 0 0 3px rgba(60,89,165,.15)!important;outline:0!important}
html body .cart-table .product-cart-actions .btn-update{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:13px!important;line-height:34px!important}
html body .cart-table .cart-links{margin:4px 0 0!important;padding:0!important}
html body .cart-table .cart-links > li{display:inline-block;margin:0;padding:0;border:0}
html body .cart-table .cart-links a{display:inline-block;padding:2px 4px;font:600 13px/1.4 var(--sp-font)!important;color:var(--sp-blue)!important;text-decoration:none!important;text-transform:none!important}
html body .cart-table .cart-links a:hover{text-decoration:underline!important;color:var(--sp-blue-d)!important}
/* totals */
html body .cart .cart-totals{padding:18px 20px!important;background:var(--sp-soft)!important;border:0!important;border-radius:10px!important;text-align:right}
html body #shopping-cart-totals-table,html body #shopping-cart-totals-table tbody,html body #shopping-cart-totals-table tfoot,html body #shopping-cart-totals-table tr{border:0!important;background:none!important}
html body #shopping-cart-totals-table{width:100%;margin:0 0 14px;border-collapse:collapse}
html body #shopping-cart-totals-table td{padding:6px 0 6px 16px!important;border:0!important;vertical-align:baseline;font-family:var(--sp-font)!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;color:var(--sp-ink)!important;font-variant-numeric:lining-nums tabular-nums}
html body #shopping-cart-totals-table td .price{font-family:var(--sp-font)!important;font-size:15px!important;font-weight:600!important;color:var(--sp-ink)!important}
html body #shopping-cart-totals-table tfoot td{padding-top:12px!important;border-top:1px solid #dfe4ee!important}
html body #shopping-cart-totals-table tfoot td strong,html body #shopping-cart-totals-table tfoot td strong .price{font-family:var(--sp-font)!important;font-size:18px!important;font-weight:700!important;color:var(--sp-ink)!important;line-height:1.3!important}
html body #shopping-cart-totals-table tfoot td strong .price{color:var(--sp-blue)!important}
html body .cart .cart-totals .checkout-types{margin:0;padding:0}
html body .cart .btn-proceed-checkout{border-radius:8px!important}
@media (min-width:771px){
  html body .cart .shipping .form-list > li.shipping-country,html body .cart .shipping .form-list > li.shipping-region{flex:1 1 180px}
}
@media (max-width:770px){
  html body .cart .shipping .buttons-set .button2{width:100%!important}
  html body .cart .cart-footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  html body .cart .cart-footer-actions .button2{margin:0!important}
  html body .cart .cart-footer-actions .or{display:none}
}
/* estimated shipping rates */
html body #co-shipping-method-form dl.sp-methods dd{margin:0 0 10px}
html body #co-shipping-method-form dl.sp-methods ul{margin:0;padding:0}
html body #co-shipping-method-form dl.sp-methods li{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;background:#fff;border:1px solid #cfd6e4!important;border-radius:8px}
html body #co-shipping-method-form dl.sp-methods li input.radio{margin:0;accent-color:var(--sp-blue)}
html body #co-shipping-method-form dl.sp-methods label{margin:0;font:500 14px/1.4 var(--sp-font)!important;color:var(--sp-ink)!important;cursor:pointer}
html body #co-shipping-method-form dl.sp-methods .price{font:700 14px/1.4 var(--sp-font)!important;color:var(--sp-blue)!important}
html body #co-shipping-method-form .buttons-set{display:flex;justify-content:flex-end;margin:0!important;padding:0!important;border:0!important}
html body #co-shipping-method-form .buttons-set .button,html body #co-shipping-method-form .buttons-set .button2{box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 18px!important;background:#fff!important;border:1px solid var(--sp-blue)!important;border-radius:8px!important;color:var(--sp-blue)!important;font:700 14px/42px var(--sp-font)!important;letter-spacing:.02em!important;text-transform:none!important;box-shadow:none!important}
html body #co-shipping-method-form .buttons-set .button:hover,html body #co-shipping-method-form .buttons-set .button2:hover{background:var(--sp-blue)!important;color:#fff!important}
html body #co-shipping-method-form .buttons-set .button span,html body #co-shipping-method-form .buttons-set .button span span,html body #co-shipping-method-form .buttons-set .button2 span,html body #co-shipping-method-form .buttons-set .button2 span span{display:inline!important;float:none!important;height:auto!important;padding:0!important;background:none!important;font:inherit!important;line-height:inherit!important;color:inherit!important}
@media (max-width:770px){html body .sp-hero{margin-top:8px}}

/* sp minicart v1 - restyled dropdown (pt382u) */
html body:not(#sp-x) #header-cart.skip-active{background:#fff!important;border:1px solid var(--sp-line,#e5e7eb)!important;border-radius:12px!important;box-shadow:0 16px 40px -8px rgba(15,23,42,.22),0 2px 6px rgba(15,23,42,.06)!important;padding:0!important;overflow:hidden;font-family:var(--sp-font)!important;color:var(--sp-ink,#1f2937)}
@media only screen and (min-width:771px){
  html body:not(#sp-x) #header-cart.skip-active{width:372px!important;top:46px!important;right:0!important;left:auto!important}
}
@media only screen and (max-width:770px){
  html body:not(#sp-x) #header-cart.skip-active{top:62px!important;left:10px!important;right:10px!important;box-shadow:0 16px 40px -8px rgba(15,23,42,.3),0 0 0 100vmax rgba(15,23,42,.28)!important}
}
html body:not(#sp-x) .header-minicart .minicart-wrapper{background:#fff!important;padding:0!important;font-family:var(--sp-font)!important}
html body:not(#sp-x) .header-minicart .minicart-wrapper:before{border-radius:12px;opacity:.75}
/* header */
html body:not(#sp-x) .header-minicart .block-subtitle{position:relative;margin:0!important;padding:16px 56px 14px 18px!important;border-bottom:1px solid var(--sp-line,#e5e7eb)!important;background:#fff!important;color:var(--sp-ink,#1f2937)!important;font:700 16px/1.3 var(--sp-font)!important;text-transform:none!important;text-align:left!important;letter-spacing:0!important}
html body:not(#sp-x) .header-minicart .block-subtitle .close{position:absolute!important;top:50%!important;right:10px!important;float:none!important;width:36px!important;height:36px!important;margin:-18px 0 0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--sp-muted,#5b6472)!important;font:400 26px/1 Arial,sans-serif!important;text-decoration:none!important;text-transform:none!important;transition:background .15s,color .15s}
html body:not(#sp-x) .header-minicart .block-subtitle .close:hover,html body:not(#sp-x) .header-minicart .block-subtitle .close:focus{background:var(--sp-soft,#f6f8fc);color:var(--sp-ink,#1f2937)!important}
/* list */
html body:not(#sp-x) .header-minicart #cart-sidebar{margin:0!important;padding:4px 18px!important;max-height:min(46vh,380px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media only screen and (min-width:771px){html body:not(#sp-x) .header-minicart #cart-sidebar{max-height:calc(100vh - 330px);min-height:0}}
html body:not(#sp-x) .header-minicart #cart-sidebar li.item{display:grid!important;grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:start;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--sp-line,#e5e7eb)!important;background:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar li.item.last{border-bottom:0!important}
html body:not(#sp-x) .header-minicart #cart-sidebar li .product-image{display:block!important;float:none!important;width:64px!important;height:64px!important;margin:0!important;padding:0!important;border:1px solid var(--sp-line,#e5e7eb)!important;border-radius:10px!important;background:#fff;overflow:hidden;box-sizing:border-box}
html body:not(#sp-x) .header-minicart #cart-sidebar li .product-image img{display:block;width:100%!important;height:100%!important;object-fit:contain;max-width:none}
html body:not(#sp-x) .header-minicart #cart-sidebar li .product-details{display:flex!important;flex-wrap:wrap;align-items:center;margin:0!important;padding:0!important;font-size:0!important;line-height:0;color:transparent;min-width:0}
html body:not(#sp-x) .header-minicart #cart-sidebar li .product-details>*{font-family:var(--sp-font);line-height:1.35}
html body:not(#sp-x) .header-minicart #cart-sidebar .product-name{order:1;flex:0 0 100%;margin:0 0 4px!important;padding:0!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .product-name a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sp-ink,#1f2937)!important;text-decoration:none!important;text-transform:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .product-name a:hover{color:var(--sp-blue,#3C59A5)!important}
/* options: always shown, small grey */
html body:not(#sp-x) .header-minicart #cart-sidebar .truncated{order:2;flex:0 0 100%;position:static!important;margin:0 0 6px!important;font-size:12px!important;cursor:default}
html body:not(#sp-x) .header-minicart #cart-sidebar .truncated .details{display:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .truncated .truncated_full_value{display:block!important;position:static!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .item-options{display:flex!important;flex-wrap:wrap;gap:2px 10px;position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:12px!important;color:var(--sp-muted,#5b6472)!important;z-index:auto}
html body:not(#sp-x) .header-minicart #cart-sidebar .item-options dt,html body:not(#sp-x) .header-minicart #cart-sidebar .item-options dd{display:inline!important;float:none!important;margin:0!important;padding:0!important;font:400 12px/1.4 var(--sp-font)!important;color:var(--sp-muted,#5b6472)!important;text-transform:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .item-options dt:after{content:":"}
html body:not(#sp-x) .header-minicart #cart-sidebar .item-options dd{margin:0 6px 0 3px!important}
/* price + qty row */
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper{order:3;flex:0 0 100%;display:block!important;width:100%!important;margin:2px 0 8px!important;border:0!important;font-size:14px}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper tbody{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper tr{display:flex!important;align-items:center;gap:8px;border:0!important;background:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper th,html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper td{display:block!important;padding:0!important;border:0!important;height:auto!important;line-height:1.2!important;background:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper tr:first-child th{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper th{font:500 13px var(--sp-font)!important;color:var(--sp-muted,#5b6472)!important;text-transform:none!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper .price{font:700 16px var(--sp-font)!important;color:var(--sp-blue,#3C59A5)!important;font-variant-numeric:lining-nums}
html body:not(#sp-x) .header-minicart #cart-sidebar .qty-wrapper td{display:flex!important;align-items:center;gap:6px}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper .qty{box-sizing:border-box;width:48px!important;height:40px!important;margin:0!important;padding:0 4px!important;border:1px solid #cfd6e4!important;border-radius:8px!important;background:#fff!important;font:600 15px var(--sp-font)!important;color:var(--sp-ink,#1f2937)!important;text-align:center;font-variant-numeric:lining-nums;box-shadow:none!important;-webkit-appearance:none}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper .qty:focus{border-color:var(--sp-blue,#3C59A5)!important;box-shadow:0 0 0 3px rgba(60,89,165,.15)!important;outline:0}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper .quantity-button{display:none!important;height:40px!important;min-width:44px;margin:0!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:var(--sp-blue,#3C59A5)!important;color:#fff!important;font:700 13px var(--sp-font)!important;text-transform:none!important;line-height:40px!important;cursor:pointer}
html body:not(#sp-x) .header-minicart #cart-sidebar .info-wrapper .quantity-button.visible{display:inline-block!important;opacity:1!important}
/* edit / remove */
html body:not(#sp-x) .header-minicart #cart-sidebar .btn-edit,html body:not(#sp-x) .header-minicart #cart-sidebar .remove{display:inline-flex!important;align-items:center;gap:5px;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0 18px 0 0!important;padding:4px 0!important;background:none!important;border:0!important;text-indent:0!important;font:500 13px/1.2 var(--sp-font)!important;text-decoration:none!important;text-transform:none!important;transition:color .15s}
html body:not(#sp-x) .header-minicart #cart-sidebar .btn-edit{order:4;color:var(--sp-blue,#3C59A5)!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .remove{order:5;color:#8a93a3!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .btn-edit:hover{color:var(--sp-blue-d,#2c4482)!important;text-decoration:underline!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .remove:hover,html body:not(#sp-x) .header-minicart #cart-sidebar .remove:focus{color:#d0342c!important}
html body:not(#sp-x) .header-minicart #cart-sidebar .btn-edit:before,html body:not(#sp-x) .header-minicart #cart-sidebar .remove:before{content:"";display:inline-block;width:14px;height:14px;background-color:currentColor;-webkit-mask:url(https://www.storepokemon.com/skin/frontend/shop/default/sp/minicart-v1/edit-v1.svg) center/contain no-repeat;mask:url(https://www.storepokemon.com/skin/frontend/shop/default/sp/minicart-v1/edit-v1.svg) center/contain no-repeat}
html body:not(#sp-x) .header-minicart #cart-sidebar .remove:before{-webkit-mask-image:url(https://www.storepokemon.com/skin/frontend/shop/default/sp/minicart-v1/trash-v1.svg);mask-image:url(https://www.storepokemon.com/skin/frontend/shop/default/sp/minicart-v1/trash-v1.svg)}
html body:not(#sp-x) .header-minicart #cart-sidebar .btn-edit:after,html body:not(#sp-x) .header-minicart #cart-sidebar .remove:after{display:none!important}
/* subtotal */
html body:not(#sp-x) .header-minicart .block-content{margin:0!important;padding:0 18px!important;background:none!important;border:0!important}
html body:not(#sp-x) .header-minicart .subtotal{display:flex!important;align-items:baseline;justify-content:space-between;margin:0!important;padding:14px 0!important;border-top:1px solid var(--sp-line,#e5e7eb)!important;background:none!important;line-height:1.3!important;text-align:left!important;font-size:0}
html body:not(#sp-x) .header-minicart .subtotal .label{font:600 15px var(--sp-font)!important;color:var(--sp-ink,#1f2937)!important;text-transform:none!important}
html body:not(#sp-x) .header-minicart .subtotal .price{font:700 18px var(--sp-font)!important;color:var(--sp-blue,#3C59A5)!important;font-variant-numeric:lining-nums}
/* actions */
html body:not(#sp-x) .header-minicart .minicart-actions{display:flex!important;flex-direction:column;gap:10px;margin:0!important;padding:0 18px 18px!important;text-align:center;background:none!important;overflow:visible!important}
html body:not(#sp-x) .header-minicart .minicart-actions .checkout-types{float:none!important;width:100%!important;margin:0!important;padding:0!important;list-style:none}
html body:not(#sp-x) .header-minicart .minicart-actions .checkout-types li{float:none!important;margin:0!important;padding:0!important}
html body:not(#sp-x) .header-minicart .minicart-actions .checkout-button,html body:not(#sp-x) .header-minicart .minicart-actions .cart-link{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 16px!important;border-radius:10px!important;font:700 16px/1 var(--sp-font)!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;float:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
html body:not(#sp-x) .header-minicart .minicart-actions .checkout-button{background:var(--sp-blue,#3C59A5)!important;border:0!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(60,89,165,.55)}
html body:not(#sp-x) .header-minicart .minicart-actions .checkout-button:hover{background:var(--sp-blue-d,#2c4482)!important}
html body:not(#sp-x) .header-minicart .minicart-actions .cart-link{background:#fff!important;border:1.5px solid var(--sp-blue,#3C59A5)!important;color:var(--sp-blue,#3C59A5)!important;font-weight:600!important;font-size:15px!important}
html body:not(#sp-x) .header-minicart .minicart-actions .cart-link:hover{background:var(--sp-soft,#f6f8fc)!important}
/* messages */
html body:not(#sp-x) .header-minicart .minicart-message{margin:10px 18px 0!important;padding:0!important;border-radius:8px;font:500 13px/1.4 var(--sp-font);text-align:left}
html body:not(#sp-x) .header-minicart #minicart-success-message{color:#15803d}
html body:not(#sp-x) .header-minicart #minicart-error-message{color:#d0342c}
html body:not(#sp-x) .header-minicart #minicart-success-message[style*="block"],html body:not(#sp-x) .header-minicart #minicart-error-message[style*="block"]{padding:10px 12px!important;background:#f0fdf4}
html body:not(#sp-x) .header-minicart #minicart-error-message[style*="block"]{background:#fef2f2}
/* empty state */
html body:not(#sp-x) .header-minicart .empty{display:flex!important;flex-direction:column;align-items:center;gap:12px;margin:0!important;padding:28px 24px 30px!important;font:500 15px/1.4 var(--sp-font)!important;color:var(--sp-muted,#5b6472)!important;text-align:center}
html body:not(#sp-x) .header-minicart .empty:before{content:"";display:block;width:64px;height:64px;border-radius:50%;background:var(--sp-soft,#f6f8fc) url(https://www.storepokemon.com/skin/frontend/shop/default/sp/minicart-v1/cart-v1.svg) center/30px no-repeat}
html body:not(#sp-x) .header-minicart #cart-sidebar dl.item-options:before,html body:not(#sp-x) .header-minicart #cart-sidebar dl.item-options:after,html body:not(#sp-x) .header-minicart #cart-sidebar .truncated_full_value:before,html body:not(#sp-x) .header-minicart #cart-sidebar .truncated_full_value:after{display:none!important;content:none!important}
html body:not(#sp-x) .header-minicart .minicart-actions .cart-link{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}

/* sp nav v1 — nav hover/active + dropdown restyle (pt385u). Palette: yellow #FFCC03, blue #3C59A5, dark blue #2c4482 */
@media only screen and (min-width:771px){
  /* top level */
  html body:not(#sp-x) #nav ol.nav-primary>li.level0>a.level0{color:#fff!important;background:transparent!important;border-radius:0;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0:hover>a.level0,
  html body:not(#sp-x) #nav ol.nav-primary>li.level0.menu-active>a.level0,
  html body:not(#sp-x) #nav ol.nav-primary>li.level0>a.level0:focus-visible{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--sp-yellow,#FFCC03)}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0.active>a.level0{background:var(--sp-yellow,#FFCC03)!important;color:var(--sp-blue-d,#2c4482)!important;box-shadow:none}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0.active:hover>a.level0{background:#ffd633!important;color:var(--sp-blue-d,#2c4482)!important}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0>a.level0:focus-visible{outline:2px solid #fff;outline-offset:-4px}
  /* dropdown panel */
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0{background:#fff!important;border:0!important;border-top:3px solid var(--sp-yellow,#FFCC03)!important;border-radius:0 0 12px 12px;box-shadow:0 14px 32px rgba(28,44,92,.16),0 2px 6px rgba(28,44,92,.08)!important;padding:10px!important;width:max-content!important;max-width:620px;min-width:200px;z-index:300}
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0>li.level1{float:left;width:196px;margin:0 2px;padding:0!important;background:transparent!important;border:0!important}
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0>li.level1>a{display:block;padding:0 14px!important;margin:2px 0;line-height:40px!important;font:500 14px/40px var(--sp-font,Raleway,Arial,sans-serif)!important;color:var(--sp-ink,#1f2937)!important;background:transparent!important;border:0!important;border-radius:8px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease,padding .15s ease}
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0>li.level1>a:hover,
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0>li.level1>a:focus-visible{background:#EEF2FB!important;color:var(--sp-blue,#3C59A5)!important;padding-left:18px!important;outline:0}
  html body:not(#sp-x) #header-nav .nav-primary li.level0>ul.level0>li.level1.active>a{color:var(--sp-blue,#3C59A5)!important;font-weight:700!important;box-shadow:inset 3px 0 0 var(--sp-yellow,#FFCC03)}
}
@media only screen and (max-width:770px){
  html body:not(#sp-x) #nav a{-webkit-tap-highlight-color:rgba(60,89,165,.10)}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0.menu-active>a.level0{color:var(--sp-blue,#3C59A5)!important;background:#fff!important;box-shadow:inset 4px 0 0 var(--sp-yellow,#FFCC03)}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0>a.level0:active{background:#EEF2FB!important}
  html body:not(#sp-x) #header-nav .nav-primary li.level0 ul.level0{background:#f6f8fc!important;border-top:1px solid #e8ecf5!important}
  html body:not(#sp-x) #nav ul.level0 li.level1>a{transition:background-color .15s,color .15s}
  html body:not(#sp-x) #nav ul.level0 li.level1>a:hover,
  html body:not(#sp-x) #nav ul.level0 li.level1>a:active{background:#EEF2FB!important;color:var(--sp-blue,#3C59A5)!important}
  html body:not(#sp-x) #nav ul.level0 li.level1.active>a{color:var(--sp-blue,#3C59A5)!important;font-weight:700!important;box-shadow:inset 4px 0 0 var(--sp-yellow,#FFCC03);background:#EEF2FB!important}
}
/* desktop header v2: search left, logo centred, account/cart right (mobile unchanged) */
@media only screen and (min-width:771px){
  html body:not(#sp-x) .page-header-container a.logo{float:none!important;width:max-content;margin:0 auto!important;position:relative;z-index:2}
  html body:not(#sp-x) .page-header-container #header-search{left:0!important;right:auto!important;width:calc(50% - 89px - 32px)!important;max-width:420px!important;z-index:3}
  html body:not(#sp-x) .page-header-container #header-search #search_mini_form,
  html body:not(#sp-x) .page-header-container #header-search .input-box{width:100%}
  html body:not(#sp-x) .page-header-container #header-search #search{width:100%!important;box-sizing:border-box}
  html body:not(#sp-x) .page-header-container .account-cart-wrapper{right:0!important;left:auto!important;z-index:3}
}

/* sp hdr v3 (pt388u+): account dropdown like qo in sp palette, shorter desktop search, nav centring, tags spacing */
@media only screen and (min-width:771px){
  html body:not(#sp-x) .page-header-container #header-account{display:none}
  html body:not(#sp-x) .page-header-container #header-account.skip-active{display:block!important;position:absolute!important;top:74px!important;right:98px;left:auto!important;width:220px!important;box-sizing:border-box;padding:8px!important;margin:0!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:12px!important;box-shadow:0 14px 32px rgba(28,44,92,.16),0 2px 6px rgba(28,44,92,.08)!important;z-index:10050!important;text-align:left;animation:spAcctIn .14s ease-out}
  html body:not(#sp-x) .page-header-container #header-account.skip-active:before{content:"";position:absolute;top:-7px;right:28px;width:12px;height:12px;background:#fff;border-left:1px solid #d8dee8;border-top:1px solid #d8dee8;transform:rotate(45deg);border-radius:2px 0 0 0}
  html body:not(#sp-x) #header-account .links ul{margin:0;padding:0;list-style:none}
  html body:not(#sp-x) #header-account .links li{margin:0;padding:0;border:0;float:none;display:block}
  html body:not(#sp-x) #header-account .links li a,
  html body:not(#sp-x) #header-account a{display:block!important;position:relative;padding:9px 14px!important;margin:1px 0;border:0!important;border-radius:8px;text-align:left!important;font:500 14px/22px var(--sp-font,Raleway,Arial,sans-serif)!important;color:var(--sp-ink,#1f2937)!important;background:transparent!important;text-decoration:none!important;transition:background-color .15s,color .15s}
  html body:not(#sp-x) #header-account .links li a:hover,
  html body:not(#sp-x) #header-account .links li a:focus-visible{background:#EEF2FB!important;color:var(--sp-blue,#3C59A5)!important;outline:0}
  html body:not(#sp-x) #header-account .links li.last{margin-top:4px;padding-top:4px;border-top:1px solid #eef0f4}
  html body:not(#sp-x) .skip-links .skip-account.skip-active .label{color:var(--sp-blue,#3C59A5)}
  /* shorter search: max 300px, scales down; logo stays exactly centred */
  html body:not(#sp-x) .page-header-container #header-search{width:calc(50% - 89px - 40px)!important;max-width:300px!important}
  /* nav items always centred and never clipped */
  html body:not(#sp-x) #header-nav,html body:not(#sp-x) #header-nav #nav{max-width:100%;box-sizing:border-box}
  html body:not(#sp-x) #nav ol.nav-primary{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;padding:0 8px!important;box-sizing:border-box;float:none!important}
  html body:not(#sp-x) #nav ol.nav-primary>li.level0:not(.sp-extra){float:none!important;flex:0 0 auto}
}
@keyframes spAcctIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* product page: no leftover spacing after removing the tags box */
html body:not(#sp-x) .product-view .box-tags{display:none!important}

/* sp-catgrid-v1.css (2026-10-25): category + search result grids use the home "Best Sellers" card look.
   Scope: catalog-category-view, catalogsearch-result-index, catalogsearch-advanced-result. Visual only. */
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:0!important;row-gap:0!important;
  width:100%!important;padding:0!important;float:none!important}
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid:before,
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid:after,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid:before,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid:after,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid:before,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid:after{display:none!important;content:none!important}
@media (min-width:480px){
  html body:not(#sp-x).catalog-category-view .category-products ul.products-grid,
  html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid,
  html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
/* card = home card: no fixed width/gutter, same padding, transparent border that shows on hover */
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item{
  width:auto!important;min-width:0!important;margin:0 0 20px!important;float:none!important;clear:none!important;height:auto!important}
/* square image box, contain, white background, no stretching */
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item a.product-image,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item a.product-image,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item a.product-image{
  display:block!important;width:100%!important;aspect-ratio:1/1;height:auto!important;background:#fff!important;overflow:hidden!important;margin:0 0 5px!important}
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item a.product-image picture,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item a.product-image picture,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item a.product-image picture{display:block;width:100%;height:100%}
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item a.product-image img,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item a.product-image img,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item a.product-image img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;background:#fff!important}
/* home list shows no Add to Cart / Wishlist (both only link to the product page) */
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item .actions,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item .actions,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item .actions{display:none!important}
html body:not(#sp-x).catalog-category-view .category-products ul.products-grid>li.item .product-info,
html body:not(#sp-x).catalogsearch-result-index .category-products ul.products-grid>li.item .product-info,
html body:not(#sp-x).catalogsearch-advanced-result .category-products ul.products-grid>li.item .product-info{padding:0!important;margin:0!important;min-height:0!important;width:auto!important}