/* Scoped merchandise display: inherits the existing Fatboy's color palette. */
.store-site .mw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0;color:var(--muted)}
.store-site .mw-tip{margin:0;font-size:.83rem}.mw-view-controls{display:flex;gap:8px}.mw-view-controls button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#061005}
.store-site #inventory-grid.mw-root:not(.mw-catalog),.store-site .featured-grid.mw-root{display:block;padding:0}
.mw-fixture{position:relative;isolation:isolate;border:1px solid #546259;border-radius:7px;overflow:hidden;box-shadow:inset 2px 0 0 #bbc4b03b,0 8px 0 #020604,0 22px 38px #000a;background:#111914}
.mw-canopy{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-top:3px solid #808c7b;border-bottom:7px solid #070b08;background:linear-gradient(#343c33,#131914 70%,#060a07);box-shadow:0 12px 15px #000c;color:#dce6d7}
.mw-canopy:after{content:'';position:absolute;bottom:-6px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent 1%,#e8f6dc 2% 28%,transparent 29% 35%,#e8f6dc 36% 64%,transparent 65% 71%,#e8f6dc 72% 98%,transparent 99%);box-shadow:0 5px 16px #e5ffd354}
.mw-stamp{font:italic 1.4rem var(--font-display);letter-spacing:.025em;text-shadow:0 2px #000}.mw-canopy-note{font-size:.65rem;letter-spacing:.14em;font-weight:800;color:var(--green)}
.mw-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 22px;padding:32px 28px 36px;background:linear-gradient(#0003,#0009),url('../images/merchandise-wall/pegboard.webp') center top/1050px auto,#111711;box-shadow:inset 9px 0 9px #000b,inset -9px 0 9px #000b;overflow:hidden}
.mw-item{position:relative;min-width:0;padding-top:34px;display:flex;flex-direction:column;align-items:center;isolation:isolate}
.mw-hook{position:absolute;left:50%;top:1px;width:6px;height:37px;border-radius:5px;background:linear-gradient(90deg,#2c342d,#c3c9b6 55%,#4c584a);box-shadow:5px 4px 4px #000b;transform:rotate(-10deg);z-index:2;pointer-events:none}
.mw-hook:before{content:'';position:absolute;top:0;left:-5px;width:16px;height:9px;background:linear-gradient(#a5ad9b,#4b5646);border-radius:3px;box-shadow:2px 2px 2px #000}
.mw-hook:after{content:'';position:absolute;bottom:-1px;left:3px;width:9px;height:11px;border-right:3px solid #bec6b1;border-bottom:3px solid #a3ac9a;border-radius:0 0 7px;transform:rotate(-15deg)}
.mw-product{display:flex;width:100%;height:226px;justify-content:center;align-items:center;margin:0 0 18px;padding:0;border:0;background:none!important;cursor:pointer;position:relative;color:inherit}
.mw-package{position:relative;display:flex;flex-direction:column;width:88%;height:100%;padding:0 6px 12px;border:1px solid #b7c5b36b;border-bottom:3px double #a7b39b6b;border-radius:4px 4px 12px 6px;background:linear-gradient(115deg,#e5f0e730,transparent 25%,#bacab724 55%,#fff3 90%);box-shadow:8px 13px 9px #0009,inset 2px 0 3px #fff7,inset -2px 0 2px #c0d1b53b;transform:rotate(var(--mw-angle));transition:transform .2s}
.mw-package:after{content:'';position:absolute;inset:29px 1px 1px;pointer-events:none;border-radius:8px;background:linear-gradient(114deg,transparent 10%,#fff2 12%,transparent 16% 61%,#fff3 64%,transparent 67%),linear-gradient(4deg,#fff2,transparent 10% 90%,#fff2)}
.mw-package-top{height:31px;flex:none;margin:0 -6px 7px;padding:13px 4px 3px;position:relative;overflow:hidden;background:linear-gradient(#131b16,#050907);border-bottom:2px solid var(--green);text-align:center;font:800 8px/1.3 var(--font-body);letter-spacing:.05em;color:#d8e5d8}
.mw-package-top:before{content:'';position:absolute;width:19px;height:5px;border-radius:5px;background:#060906;box-shadow:inset 0 1px 2px #adb7a977;left:calc(50% - 9px);top:5px}
.mw-product .product-photo{flex:1;min-height:0;width:100%;margin:0;position:relative;background:#fff;border-radius:3px;overflow:hidden}
.mw-product .product-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:9px;filter:none;transform:none}
.mw-product .product-photo__note{font-size:9px;background:#fff;color:#333;bottom:2px;padding:2px 3px}
.mw-detail-display .mw-product:hover .mw-package{transform:translateY(-5px) rotate(0deg)}
.mw-blister .mw-package{width:90%;border-radius:5px;background:linear-gradient(130deg,#50624b,#101a11);padding:0 10px 13px;border:1px solid #87947f}
.mw-blister .mw-package-top{margin-inline:-10px}.mw-blister .product-photo{border-radius:15px;border:3px solid #abb4a66b;box-shadow:inset 2px 2px 5px #fff8,3px 4px 2px #0008}
.mw-box .mw-hook,.mw-shelf .mw-hook{display:none}.mw-box .mw-product,.mw-shelf .mw-product{align-items:flex-end}
.mw-box .mw-package{height:78%;width:94%;border-radius:1px;border:2px solid #121b13;border-right:9px solid #4b5845;border-bottom:8px solid #283325;background:#172218;box-shadow:8px 10px 9px #000b;transform:rotate(0deg);padding:0 4px 5px}
.mw-box .mw-package-top{margin-inline:-4px;height:24px;padding-top:5px}.mw-box .mw-package-top:before{display:none}.mw-box .mw-package:after{inset:0;background:linear-gradient(135deg,#fff2,transparent 38%)}
.mw-shelf .mw-package{height:87%;width:90%;border:0;box-shadow:6px 8px 12px #000b;padding:0;background:transparent;transform:none}.mw-shelf .mw-package-top{display:none}.mw-shelf .mw-package:after{display:none}
.mw-box .mw-product:after,.mw-shelf .mw-product:after{content:'';position:absolute;left:-9px;right:-9px;bottom:-13px;height:17px;background:linear-gradient(#9aa38e,#36412f 27%,#121a0e 75%,#67735d);box-shadow:0 10px 9px #000a;z-index:-1}
.mw-label{position:relative;width:100%;margin-top:auto;padding:11px 10px 10px;border:2px solid #101b10;border-top:3px solid var(--green);border-radius:2px;background:#e7eade;color:#151c16;box-shadow:3px 5px 4px #0008}
.mw-label h3{font:850 .77rem/1.35 var(--font-body);margin:0 0 5px;color:#101a11;min-height:3.05em}
.mw-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;appearance:none;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}
.mw-price{font:900 1.2rem/1.2 var(--font-body);letter-spacing:-.04em;margin:6px 0}.mw-stock{font:650 .68rem/1.4 var(--font-body);margin:0 0 5px;color:#344536;overflow-wrap:anywhere}
.mw-details{display:block;border:0;background:none;color:#23402a;text-decoration:underline;padding:3px 0;font:700 .7rem/1.4 var(--font-body);cursor:pointer}
.mw-label .mw-add.btn{display:block;width:100%;margin:7px 0 0;padding:7px 4px;min-height:36px;box-shadow:none;background:#182d1b;color:#e5f6df;border:1px solid #3b5838;border-radius:3px;font:800 .68rem/1.3 var(--font-body);letter-spacing:0;text-transform:none;text-align:center}
.mw-label .mw-add.btn:hover{background:var(--green);color:#071006}.mw-label .mw-add:disabled{opacity:.6;cursor:not-allowed;background:#687165;color:#fff}
.mw-item :focus-visible{outline:3px solid var(--green);outline-offset:4px}.mw-label :focus-visible{outline-color:#142d15}
.mw-featured .mw-stage{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:30px}.mw-featured .mw-product{height:250px}.mw-featured .mw-label h3{font-size:.87rem}.mw-featured .mw-price{font-size:1.4rem}
@media(max-width:1100px){.mw-stage{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;padding:26px 20px}.mw-featured .mw-stage{gap:18px;padding:22px}.mw-featured .mw-product{height:220px}}
@media(max-width:850px){.mw-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.mw-featured .mw-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mw-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;padding:22px 15px}.mw-product,.mw-featured .mw-product{height:185px}.mw-canopy{padding:15px}.mw-canopy-note{font-size:.5rem;letter-spacing:.05em}.mw-stamp{font-size:1.15rem}.mw-label{padding:8px}.mw-label h3,.mw-featured .mw-label h3{font-size:.72rem;min-height:3.9em}.mw-price,.mw-featured .mw-price{font-size:1.05rem}.mw-featured .mw-stage{padding:22px 15px;gap:26px 14px}.mw-view-controls{width:100%}.mw-view-controls button{flex:1}.mw-package-top{font-size:6px}.mw-product .product-photo img{padding:4px}}
@media(max-width:380px){.mw-stage,.mw-featured .mw-stage{padding-inline:10px;gap:22px 10px}.mw-product,.mw-featured .mw-product{height:165px}.mw-canopy-note{max-width:125px;text-align:right}.mw-label .mw-add.btn{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.mw-package{transition:none}.mw-detail-display .mw-product:hover .mw-package{transform:rotate(var(--mw-angle))}}
.mw-quick-filters{display:flex;gap:7px;flex-wrap:wrap}.mw-quick-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#061005}.mw-toolbar:has(.mw-quick-filters) .mw-tip{display:none}
/* Compact retail tags and denser display, matching the original wall concept. */
.mw-stage{grid-template-columns:repeat(8,minmax(0,1fr));gap:25px 18px;padding:25px 25px 30px}
.mw-product{height:159px;margin-bottom:12px}.mw-package{width:94%;padding-bottom:8px}.mw-package-top{font-size:6px;height:26px;padding-top:12px;margin-bottom:4px}.mw-package:after{inset-block-start:24px}.mw-item{padding-top:29px}.mw-hook{height:32px}
.mw-label{padding:6px 7px 5px;border-top:2px solid var(--green);border-width:1px;border-top-width:2px;box-shadow:2px 4px 3px #000a}
.mw-label h3,.mw-featured .mw-label h3{font:850 9px/1.2 var(--font-body);min-height:2.4em;margin:0 0 4px;text-transform:uppercase}
.mw-label .mw-name{-webkit-line-clamp:2}.mw-label-line{display:flex;gap:4px;align-items:center;justify-content:space-between}
.mw-label .mw-price,.mw-featured .mw-label .mw-price{font:900 19px/1.1 var(--font-body);margin:0;letter-spacing:-.04em}.mw-barcode{flex:0 0 26px;height:15px;background:repeating-linear-gradient(90deg,#1d251b 0 1px,transparent 1px 3px,#1d251b 3px 5px,transparent 5px 6px,#1d251b 6px 7px,transparent 7px 10px);opacity:.85}
.mw-label .mw-stock{font:650 8px/1.2 var(--font-body);margin:4px 0 0;color:#3b473c}
.mw-featured .mw-stage{gap:32px;padding:24px 40px;grid-template-columns:repeat(4,minmax(0,1fr))}.mw-featured .mw-product{height:185px;max-width:180px}.mw-featured .mw-label{max-width:190px}.mw-featured .mw-label h3{font-size:10px}.mw-featured .mw-label .mw-price{font-size:22px}.mw-featured .mw-barcode{flex-basis:40px;height:18px}
/* Catalog is a compact list with aligned pricing and actions. */
.store-site #inventory-grid.mw-root.mw-catalog{display:block;border-block:1px solid var(--line)}
.mw-list-row{display:grid;grid-template-columns:64px minmax(0,1fr) 110px 95px 205px;gap:18px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}
.mw-list-row:nth-child(even){background:#ffffff03}.mw-list-photo{width:64px;height:57px;border:0;padding:0;background:#fff;cursor:pointer;border-radius:3px;overflow:hidden}.mw-list-photo .product-photo{height:100%;background:#fff}.mw-list-photo img{height:100%;width:100%;object-fit:contain;padding:3px}.mw-list-photo .product-photo__note{font-size:7px;padding:0 2px;bottom:0}
.store-site #inventory-grid .mw-list-info h3{font:800 .88rem/1.3 var(--font-body);min-height:0;margin:0 0 5px}.mw-list-info .mw-name{display:block;overflow:visible;text-transform:none}.mw-list-info p{font-size:.7rem;line-height:1.4;color:var(--muted);margin:0}.mw-list-stock{font-size:.75rem;line-height:1.3;color:var(--muted);margin:0}.mw-list-price{font-size:1rem;text-align:right}.mw-list-actions{display:flex;gap:8px;justify-content:flex-end}.mw-list-actions .btn{padding:8px 10px;min-height:38px;font-size:.7rem;white-space:normal;text-align:center}
/* Product details retain the same physical package and pegboard. */
.product-detail.mw-detail[open]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:stretch;padding:48px 24px 24px}
.product-detail.mw-detail .mw-detail-display{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;padding:65px 45px 40px;background:linear-gradient(#0004,#0009),url('../images/merchandise-wall/pegboard.webp') center/900px auto;box-shadow:inset 0 7px 12px #0008;border:1px solid #53634f;border-radius:5px;overflow:hidden}
.mw-detail-display .mw-product{width:100%;max-width:260px;height:320px;margin:0;--mw-angle:-1deg}.mw-detail-display .mw-hook{top:32px;height:45px}.mw-detail-display .mw-package-top{height:34px;font-size:9px;padding-top:15px}.mw-detail-display .product-photo{background:#fff}.mw-detail-display .product-photo img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain;padding:12px;background:#fff}.mw-detail-display .mw-package{width:94%}.mw-detail-display.mw-box .mw-product{max-width:330px;height:300px}.mw-detail-display.mw-shelf .mw-product{max-width:300px}.mw-detail-display .product-photo__note{font-size:10px}
@media(max-width:1100px){.mw-stage{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}.mw-product{height:165px}.mw-featured .mw-stage{padding-inline:25px;gap:22px}}
@media(max-width:850px){.mw-stage{grid-template-columns:repeat(4,minmax(0,1fr))}.mw-featured .mw-stage{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px}.mw-featured .mw-product{height:155px}.mw-featured .mw-label h3{font-size:9px}.mw-featured .mw-label .mw-price{font-size:19px}.mw-featured .mw-barcode{flex-basis:25px}.mw-list-row{grid-template-columns:54px minmax(0,1fr) 80px 155px;gap:12px}.mw-list-photo{width:54px;height:52px}.mw-list-stock{grid-column:2;grid-row:2}.mw-list-info{grid-column:2;grid-row:1}.mw-list-price{grid-column:3;grid-row:1/3}.mw-list-actions{grid-column:4;grid-row:1/3;gap:5px}.mw-list-photo{grid-row:1/3}.mw-list-row{row-gap:3px}.mw-list-actions .btn{padding:7px;font-size:.64rem}}
@media(max-width:620px){.mw-stage{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 12px;gap:22px 12px}.mw-product{height:145px}.mw-featured .mw-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-featured .mw-product{height:170px}.mw-label h3{font-size:8px}.mw-label .mw-price{font-size:17px}.mw-barcode{flex-basis:22px;height:13px}.mw-label{padding-inline:5px}.mw-list-row{grid-template-columns:45px minmax(0,1fr) 72px;gap:7px;padding:12px 2px}.mw-list-photo{width:45px;height:48px;grid-row:1/3}.mw-list-price{grid-column:3;grid-row:1;align-self:start;font-size:.9rem}.mw-list-stock{grid-row:2;grid-column:2/4;font-size:.68rem}.mw-list-actions{grid-row:3;grid-column:2/4;justify-content:flex-start}.mw-list-actions .btn{padding:8px 12px;min-height:36px;font-size:.7rem}.store-site #inventory-grid .mw-list-info h3{font-size:.76rem}.mw-list-info p{font-size:.62rem}.product-detail.mw-detail[open]{grid-template-columns:1fr;padding:48px 16px 20px;gap:20px}.product-detail.mw-detail .mw-detail-display{min-height:315px;padding:54px 35px 25px;width:100%;max-width:none}.mw-detail-display .mw-product{height:240px;max-width:190px}.mw-detail-display .mw-hook{top:17px}.mw-detail-display.mw-box .mw-product{height:225px;max-width:270px}}
@media(max-width:380px){.mw-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.mw-product{height:165px}.mw-featured .mw-product{height:155px}.mw-label h3{font-size:9px}.mw-label .mw-price{font-size:19px}}
/* Keep compact ticket typography above the older catalog heading rules. */
.store-site #inventory-grid .mw-label h3{font:850 10px/1.2 var(--font-body);min-height:2.4em;margin:0 0 4px;text-transform:uppercase}
@media(max-width:620px){.store-site #inventory-grid .mw-label h3{font-size:8px}}@media(max-width:380px){.store-site #inventory-grid .mw-label h3{font-size:9px}}
/* Tightly frame white-background product photographs without stretching or editing them. */
.mw-product .mw-framed-photo,.mw-list-photo .mw-framed-photo{position:relative;min-height:0}
.mw-framed-photo .mw-photo-frame{position:absolute;inset:3px 3px 15px;overflow:hidden;background:#fff}
.mw-framed-photo:has(.product-photo__note[hidden]) .mw-photo-frame{bottom:3px}
.mw-product .mw-framed-photo img,.mw-list-photo .mw-framed-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0;max-width:none;max-height:none}
.mw-list-photo .mw-photo-frame{inset:2px 2px 9px}.mw-list-photo .mw-framed-photo{height:100%;width:100%}
.mw-detail-display .mw-framed-photo .mw-photo-frame{inset:6px 6px 19px}.mw-detail-display .mw-framed-photo:has(.product-photo__note[hidden]) .mw-photo-frame{bottom:6px}

/* Specialty posters keep their original background, with no added white backing. */
.mw-product .product-photo.mw-specialty-photo,
.mw-detail-display .product-photo.mw-specialty-photo,
.mw-list-photo:has(.mw-specialty-photo),
.mw-list-photo .product-photo.mw-specialty-photo,
.mw-specialty-photo .mw-photo-frame,
.mw-product .mw-specialty-photo img,
.mw-list-photo .mw-specialty-photo img{background:transparent}
/* Product names only: preserve ordinary description and stock-label capitalization. */
.mw-label .mw-name,.mw-list-info .mw-name,.mw-detail #product-detail-title{ text-transform:uppercase }

/* Stationary catalog tiles; only the opened detail package responds to hover. */
.mw-item .mw-package{transition:none}
.mw-item .mw-product:hover .mw-package{transform:rotate(var(--mw-angle))}

/* Larger merchandise: six across on desktop, with the existing four featured picks. */
@media(min-width:1101px){.mw-stage{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 24px}.mw-product{height:210px}.mw-package-top{height:30px;font-size:8px}.mw-featured .mw-stage{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:851px) and (max-width:1100px){.mw-stage{grid-template-columns:repeat(4,minmax(0,1fr))}.mw-product{height:205px}}
@media(min-width:851px){.mw-featured .mw-product{height:230px;max-width:230px}.mw-featured .mw-label{max-width:240px}.mw-label .mw-name{font-size:11px}.mw-label .mw-stock{font-size:9px}.mw-label .mw-price{font-size:23px}.mw-barcode{flex-basis:34px;height:18px}}
/* A centered direct page selector, separate from page size and navigation arrows. */
.inventory-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
.inventory-pagination label{margin:0;width:auto;white-space:nowrap}
.inventory-size-control{justify-self:start}.inventory-jump-control{justify-self:center}
.inventory-arrow-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;justify-self:end}
.inventory-pagination .inventory-page-label{white-space:nowrap}
@media(max-width:850px){.inventory-pagination{grid-template-columns:1fr 1fr;gap:12px}.inventory-jump-control{justify-self:end}.inventory-arrow-controls{grid-column:1/-1;justify-self:center}}
@media(max-width:380px){.inventory-pagination{grid-template-columns:1fr}.inventory-pagination .inventory-size-control,.inventory-pagination .inventory-jump-control{justify-self:center}.inventory-arrow-controls{gap:6px}}
