/* Next Day Prints | Studio Product Gallery | November 2026 */
:root{--nx-studio:#f1f1ee;--nx-studio-border:#e5e6e3;--nx-studio-ink:#202020;}
#products .cards{gap:21px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#products .product-card{border:1px solid #e8e8e6;border-radius:15px;box-shadow:0 5px 22px rgba(0,0,0,.055);overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
#products .product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.10)}
#products .product-card .nxStudioStage{aspect-ratio:1.13/1;background:var(--nx-studio);display:grid;place-items:center;position:relative;overflow:hidden;padding:15px;border-bottom:1px solid var(--nx-studio-border)}
#products .product-card .nxStudioStage:before{content:"";position:absolute;bottom:13%;left:22%;width:56%;height:10%;background:rgba(0,0,0,.10);filter:blur(15px);border-radius:50%;pointer-events:none}
#products .product-card .nxStudioStage img{position:relative;z-index:1;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 8px rgba(0,0,0,.16));mix-blend-mode:multiply}
#products .product-card .body{padding:15px 16px 19px}
#products .product-card h3{font-size:17px;line-height:1.3;color:var(--nx-studio-ink);letter-spacing:-.25px;margin:0 0 7px}
#products .product-card p{color:#666;font-size:13px;line-height:1.45;min-height:0;margin:0 0 15px}
#products .product-card .shop-link{font-size:12px;display:inline-flex;justify-content:center;align-items:center;border-radius:7px;padding:11px 14px;text-decoration:none}
.nxMiniSamples{display:flex;align-items:center;gap:7px;padding-top:10px;flex-wrap:wrap}
#products .product-card .nxMiniSamples{padding:10px 16px 0}
.nxMiniSamples img{display:block;width:45px!important;height:45px!important;aspect-ratio:1!important;object-fit:contain!important;background:#f3f3f0;border:1px solid #dddcd9;border-radius:6px;padding:3px;filter:none!important;mix-blend-mode:normal!important}
.nxMiniSamples .nxSampleLabel{font:700 10px/1.2 Arial,sans-serif;color:#717171;text-transform:uppercase;letter-spacing:.4px;margin-left:4px}
.tumbler-feature figure img{background:var(--nx-studio);padding:9px;filter:drop-shadow(0 6px 5px rgba(0,0,0,.12));mix-blend-mode:multiply}
/* Wix-catalog cards on Build an Order */
.productsArea{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.productCard{border:1px solid #e4e5e2;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.productCard:hover,.productCard.selected{box-shadow:0 10px 26px rgba(0,0,0,.12);transform:translateY(-3px)}
.productCard.selected{border-color:#d31f2c;outline:2px solid #d31f2c;outline-offset:-2px}
.productCard .pImage{aspect-ratio:1.13/1;background:var(--nx-studio);border-bottom:1px solid var(--nx-studio-border);display:grid;place-items:center;padding:15px;isolation:isolate}
.productCard .pImage:after{content:"";position:absolute;z-index:-1;bottom:13%;left:22%;width:56%;height:9%;background:#0000001a;border-radius:50%;filter:blur(15px);pointer-events:none}
.productCard .pImage>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18))}
.productCard .pImage .number{background:rgba(255,255,255,.85);border-radius:4px;color:#555}
.productCard .pDetail{padding:16px;flex:1}
.productCard .pDetail h3{color:#212121;font-size:16px;line-height:1.35;min-height:0;margin:8px 0 13px;letter-spacing:-.2px}
.productCard .pDetail small{font-size:10px;color:#a31b24}
.productCard .pPrice{font-size:19px;letter-spacing:-.3px}
.productCard .nxMiniSamples{padding:0;margin:0 0 13px}
.productCard .nxMiniSamples img{width:41px!important;height:41px!important}
.productCard .pAction{font-size:10px;line-height:1.3;letter-spacing:.45px}
.heroShowcase{background:#f7f7f5;border:2px solid #e2e2df;box-shadow:0 14px 25px rgba(0,0,0,.10)}
.heroProductTile{border:1px solid #e3e3df;box-shadow:0 4px 12px rgba(0,0,0,.045)}
.heroProductImage{background:var(--nx-studio);position:relative}
.heroProductImage img{padding:11px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 7px 5px rgba(0,0,0,.16))}
.heroProductName{font-size:12px;line-height:1.3}
.tumblerSampleImages figure{background:var(--nx-studio)}
.tumblerSampleImages img{padding:13px;background:var(--nx-studio);filter:drop-shadow(0 8px 6px rgba(0,0,0,.15));mix-blend-mode:multiply}
@media(max-width:1050px){#products .cards,.productsArea{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:680px){#products .cards,.productsArea{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#products .product-card .body{padding:12px}#products .product-card h3,.productCard .pDetail h3{font-size:14px}#products .product-card p{font-size:12px}#products .product-card .nxMiniSamples{padding:8px 10px 0}.nxMiniSamples img{width:38px!important;height:38px!important}.nxMiniSamples .nxSampleLabel{font-size:9px}.productCard .pDetail{padding:11px}.productCard .pPrice{font-size:17px}.productCard .pImage{padding:8px}.heroProductImage img{padding:7px}}
@media(max-width:370px){#products .cards,.productsArea{gap:8px}.nxMiniSamples img{width:33px!important;height:33px!important}.nxMiniSamples .nxSampleLabel{display:none}}
@media(prefers-reduced-motion:reduce){#products .product-card,.productCard{transition:none}}
