/* Scoped shop page. Shares the current theme's Poppins / Nunito Sans fonts. */
.sh-page{--sh-navy:#003565;--sh-pink:#ed509d;--sh-blue:#006aca;color:var(--sh-navy);padding:56px 0 90px;background:#fff}.sh-page *{box-sizing:border-box}.sh-wrap{width:calc(100% - 64px);max-width:1120px;margin-inline:auto}.sh-page h1,.sh-page h2,.sh-page h3{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.035em;color:var(--sh-navy)}.sh-page p{font-size:17px;line-height:1.65}.sh-page .sh-kicker{font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:0 0 18px}.sh-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:58px;align-items:center;min-height:570px}.sh-page h1{font-size:clamp(40px,4.4vw,58px);line-height:1.13;margin:0 0 25px}.sh-mark{position:relative;z-index:0;white-space:nowrap}.sh-mark:after{content:'';position:absolute;left:-.06em;right:-.06em;bottom:.025em;height:.23em;background:url('../images/shop/marker-continuous.svg') center/100% 100% no-repeat;z-index:-1}.sh-page .sh-lede{font-size:20px;line-height:1.6;max-width:510px;margin-bottom:26px}.sh-button{display:inline-flex;gap:26px;align-items:center;justify-content:center;background:var(--sh-blue);color:#fff!important;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;border:0;border-radius:4px;min-height:48px}.sh-button:hover{background:var(--sh-navy)}.sh-page .sh-byline{font-size:13px;margin-top:18px}.sh-hero-art{height:500px;position:relative;isolation:isolate}.sh-hero-paper{position:absolute;left:12%;top:4%;width:76%;transform:rotate(5deg)}.sh-hero-paper img{width:100%;height:auto;display:block}.sh-hero-note{position:absolute;left:-3%;bottom:3%;width:37%;transform:rotate(-10deg);z-index:2}.sh-hero-banana{position:absolute;right:-1%;bottom:1%;width:51%;padding:27px 22px;background:var(--sh-navy);transform:rotate(-6deg);clip-path:polygon(0 2%,99% 0,100% 98%,1% 100%)}.sh-hero-banana img{width:100%;height:auto;display:block}.sh-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:14px 90px;padding:68px 0 60px;border-top:1px solid #d5dfe7;margin-top:60px}.sh-intro .sh-kicker{grid-column:1/-1;margin:0}.sh-page h2{font-size:36px;line-height:1.2;margin:0}.sh-intro>p:last-child{margin:0;align-self:center}.sh-collection{scroll-margin-top:26px;padding:25px 0 70px}.sh-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.sh-page .sh-artwork-note{font-size:13px;max-width:230px;margin:0}.sh-filters{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #d5dfe7;padding-bottom:20px}.sh-page button,.sh-page select{font:inherit}.sh-filters button,.sh-view-buttons button{font-size:15px;padding:9px 18px;border:1px solid #b8c8d5;background:#fff;color:var(--sh-navy);border-radius:3px;cursor:pointer;min-height:44px}.sh-filters button[aria-pressed=true],.sh-view-buttons button[aria-pressed=true]{background:var(--sh-navy);color:#fff;border-color:var(--sh-navy)}.sh-page .sh-count{font-size:13px;margin:17px 0 25px}.sh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}.sh-art{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:0;background:#f0f6fa;padding:34px;cursor:pointer;overflow:hidden}.sh-art.navy{background:var(--sh-navy)}.sh-art img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.sh-art:hover img{transform:scale(1.035)}.sh-card-meta{display:flex;justify-content:space-between;font-size:12px;margin:16px 0 8px}.sh-page .sh-card h3{font-size:21px;line-height:1.3;margin:0 0 8px}.sh-card h3 button{padding:0;border:0;background:none;color:inherit;font-weight:700;text-align:left;cursor:pointer}.sh-page .sh-card>p{font-size:15px;margin:0 0 12px;min-height:49px}.sh-preview{display:inline-flex;gap:18px;padding:2px 0 7px;border:0;border-bottom:2px solid var(--sh-pink);background:none;color:var(--sh-navy);font-weight:700!important;font-size:14px!important;cursor:pointer}.sh-note{position:relative;padding:48px 50px;background:#e4f4fb url('../images/brand/paper-fiber-strip.webp') center/cover;display:grid;grid-template-columns:1fr 200px;align-items:end;gap:60px;clip-path:polygon(0 1%,24% 0,48% 1%,76% 0,100% 1%,99.7% 98%,74% 100%,50% 99%,25% 100%,0 99%)}.sh-note p{max-width:690px}.sh-note a{font-size:15px;text-decoration:underline;text-underline-offset:4px;font-weight:700;color:var(--sh-navy)}.sh-note img{width:100%;height:auto;margin-bottom:10px}.sh-page :focus-visible{outline:3px solid #006aca;outline-offset:5px}.sh-art.navy:focus-visible{outline-color:#ed509d}.sh-dialog{border:0;width:min(970px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:45px;background:#fff;color:var(--sh-navy);box-shadow:0 16px 80px #00356544}.sh-dialog::backdrop{background:#001b33b8}.sh-close{position:absolute;right:12px;top:5px;font-size:32px!important;background:none;border:0;color:var(--sh-navy);cursor:pointer;width:44px;height:44px}.sh-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.sh-dialog-art{aspect-ratio:1;background:#f0f6fa;padding:30px;display:flex;align-items:center}.sh-dialog-art img{width:100%;height:100%;object-fit:contain}.sh-dialog h2{font-size:30px}.sh-dialog label{display:block;font-size:14px;font-weight:700;margin:24px 0 8px}.sh-dialog select{width:100%;padding:12px 34px 12px 10px;background:#fff;color:var(--sh-navy);border:1px solid #8ca2b3;font-size:14px}.sh-view-buttons{margin-top:12px;display:flex;gap:8px}.sh-dialog .sh-preview-caption{font-size:12px;margin:16px 0}.sh-dialog #sh-coming-soon{font-size:14px;font-weight:700}.sh-page [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.sh-art img{transition:none}}@media(max-width:900px){.sh-hero{gap:20px;min-height:480px}.sh-hero-art{height:410px}.sh-intro{gap:20px 40px}.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-note{grid-template-columns:1fr}.sh-note img{max-width:200px}.sh-page h1{font-size:44px}}@media(max-width:620px){.sh-page{padding-top:32px}.sh-wrap{width:calc(100% - 36px)}.sh-hero{grid-template-columns:1fr;gap:15px}.sh-page h1{font-size:40px}.sh-page .sh-lede{font-size:18px}.sh-hero-art{height:400px;max-width:410px;width:100%;margin:auto}.sh-intro{margin-top:36px;padding:40px 0;grid-template-columns:1fr;gap:18px}.sh-page h2{font-size:29px}.sh-section-head{display:block}.sh-page .sh-artwork-note{margin-top:15px;max-width:none}.sh-grid{gap:32px 16px}.sh-art{padding:18px}.sh-page .sh-card h3{font-size:18px}.sh-page .sh-card>p{font-size:14px;min-height:70px}.sh-card-meta{font-size:11px;gap:5px}.sh-filters{gap:6px}.sh-filters button{padding:8px 13px;font-size:14px}.sh-note{padding:34px 24px;gap:20px}.sh-dialog{padding:42px 22px 25px}.sh-dialog-grid{grid-template-columns:1fr;gap:24px}.sh-dialog-art{max-height:300px}.sh-dialog h2{font-size:27px}}@media(max-width:360px){.sh-grid{grid-template-columns:1fr}.sh-page .sh-card>p{min-height:0}}
.sh-hero-note{height:auto}
.sh-hero-paper{width:70%;left:24%;top:0}.sh-hero-note{width:29%;left:-1%;top:3%;bottom:auto;transform:rotate(-12deg)}.sh-hero-banana{width:50%;right:0;bottom:-3%}
@media(max-width:620px){.sh-hero-art{height:430px}.sh-hero-paper{width:70%;left:25%}.sh-hero-banana{bottom:0}}
.sh-hero-paper{z-index:2}.sh-hero-note{z-index:3}

/* Actual Fourthwall product photos and approved robot hero. */
.sh-page .sh-robot-hero{height:580px;display:flex;align-items:center;justify-content:center}.sh-robot-hero>img{display:block;width:100%;height:100%;object-fit:contain}.sh-product-photo{background:#f6f7f9;padding:0}.sh-product-photo img{width:100%;height:100%;object-fit:contain}.sh-card h3 a{color:inherit;text-decoration:none}.sh-price{font-weight:700;font-size:15px}.sh-page .sh-card h3{min-height:56px}.sh-card .sh-preview{margin-top:10px}.sh-intro{margin-top:36px}.sh-hero{min-height:620px}@media(max-width:900px){.sh-page .sh-robot-hero{height:470px}}@media(max-width:620px){.sh-page .sh-robot-hero{height:390px;margin:10px auto 0}.sh-hero{min-height:0}.sh-intro{margin-top:28px}.sh-page .sh-card h3{min-height:72px}.sh-page .sh-card h3 a{font-size:16px}.sh-card-meta{align-items:center}.sh-price{font-size:13px}}

/* 1.17.53: a compact collection heading and continuous brand-marker accent. */
.sh-mark{display:inline-block;isolation:isolate}.sh-collection{padding-top:56px;border-top:1px solid #d5dfe7;margin-top:36px}.sh-collection-title{display:flex;align-items:center;gap:15px}.sh-collection-robot{display:block;flex:0 0 58px;width:58px;height:56px;object-fit:contain}.sh-section-head h2{margin:0}@media(max-width:620px){.sh-collection{padding-top:34px;margin-top:24px}.sh-collection-title{gap:12px}.sh-collection-robot{width:42px;height:42px;flex-basis:42px}.sh-collection-title h2{font-size:26px}}
