@font-face{font-family:"Signifier";src:url("assets/signifier-regular.woff2?v=52dbe280ccc0c92abfe449890aeab640e7709fecacf14ae6630e1be5673535bf") format("woff2");font-style:normal;font-weight:400;font-display:swap}
body.shop-home{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:#fff;color:#171717}
body.shop-home *{box-sizing:border-box}
body.shop-home{margin:0}
body.shop-home a{color:inherit;text-decoration:none}
body.shop-home button{font:inherit;cursor:pointer;border:0;color:inherit}
body.shop-home button:focus-visible,body.shop-home a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.shop-home .site-header{height:64px;position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;z-index:20}
body.shop-home .brand,body.shop-home .brand img{display:block;width:32px;height:32px}
body.shop-home .brand img{filter:grayscale(1) brightness(.55) contrast(1.2)}
body.shop-home .login{background:#f5f5f4;color:#44403c;border-radius:8px;font-size:14px;line-height:20px;padding:6px 12px;font-weight:400;white-space:nowrap}
body.shop-home .category-hero{padding:80px 32px 0;text-align:center}
body.shop-home .hero-rule{height:1px;width:72px;background:#deddd9;margin:0 auto 32px}
body.shop-home .category-hero h1{font-family:"Signifier","Songti SC","Noto Serif CJK SC","STSong",serif;font-size:50px;font-weight:400;letter-spacing:-.025em;line-height:50px;margin:0 0 24px}
body.shop-home .category-hero p{color:#78716c;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC",sans-serif;font-size:18px;line-height:26px;font-weight:400;letter-spacing:normal;margin:0 auto;max-width:440px}
@media(max-width:767px){body.shop-home .category-hero h1{font-size:40px;line-height:40px}}
body.shop-home .deck-stage{height:600px;margin:0 32px 0;display:flex;justify-content:center;align-items:center}
body.shop-home .category-deck{width:900px;max-width:100vw;height:550px;position:relative;flex:none;isolation:isolate}
body.shop-home .mobile-category-deck{display:none}
body.shop-home .craft-card{position:absolute;left:50%;top:50%;width:max-content;height:max-content;transform-origin:center;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;will-change:transform;transform:translate(var(--x),var(--y)) rotate(var(--r))}
body.shop-home .card-face{position:relative;width:228px;height:288px;border-radius:16px;overflow:hidden;background:var(--face-color);color:var(--ink)}
body.shop-home .card-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:transparent;border-radius:inherit;padding:0}
body.shop-home .card-trigger:focus-visible{outline:2px solid currentColor;outline-offset:-6px}
body.shop-home .card-pattern{position:absolute;left:16px;top:16px;width:196px;height:120px;display:block;object-fit:fill;pointer-events:none}
body.shop-home .craft-card h2{position:absolute;top:212px;left:16px;margin:0;font-size:28px;line-height:30px;font-weight:400;letter-spacing:normal;font-family:"Signifier","Songti SC","Noto Serif CJK SC","STSong",serif;pointer-events:none;transition:font-size .4s cubic-bezier(.34,1.56,.64,1),line-height .4s cubic-bezier(.34,1.56,.64,1)}
body.shop-home .craft-card h2 [lang=en]{font-family:inherit;letter-spacing:normal}
body.shop-home .craft-card.is-active h2{font-size:36px;line-height:36px}
body.shop-home .vinted-card{--x:-420px;--y:-154px;--r:-8deg;--face-color:#007782;--ink:#e0fff7;z-index:1}
body.shop-home .email-card{--x:-265px;--y:-124px;--r:4deg;--face-color:#e54f10;--ink:#ffffc2;z-index:2}
body.shop-home .proxy-card{--x:-114px;--y:-185px;--r:-2deg;--face-color:#f6ebd9;--ink:#524733;z-index:3}
body.shop-home .sms-card{--x:33px;--y:-128px;--r:1deg;--face-color:#0a90d2;--ink:#aeffff;z-index:4}
body.shop-home .category-wallet-card{--x:196px;--y:-163px;--r:5deg;--face-color:#211f1e;--ink:#f6ebd9;z-index:5}
body.shop-home .vinted-title img{display:block;width:104px;height:30px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);transition:width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1)}
body.shop-home .vinted-title span{display:block}
body.shop-home .is-active .vinted-title img{width:125px;height:36px}
body.shop-home .card-details{position:absolute;left:24px;top:316px;width:312px;z-index:3;opacity:0;filter:blur(4px);pointer-events:none}
body.shop-home .card-details p{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC",sans-serif;font-size:16px;line-height:24px;font-weight:400;letter-spacing:normal;color:inherit;opacity:.72;pointer-events:none}
body.shop-home .category-entry{display:inline-flex;align-items:center;gap:18px;margin-top:12px;font-size:14px;line-height:24px;opacity:.9;border-bottom:1px solid currentColor;pointer-events:none}
body.shop-home .category-entry:hover{opacity:1}
body.shop-home .category-entry span{font-size:18px}
body.shop-home .is-active .category-entry{pointer-events:auto}
body.shop-home .utility-links{display:flex;gap:28px;justify-content:center;align-items:center;margin:52px 24px 0;font-size:13px;color:#78716c}
body.shop-home .utility-links button{padding:0;background:none}
body.shop-home .utility-links a:hover,body.shop-home .utility-links button:hover{color:#1c1917}
body.shop-home footer{text-align:center;font-size:11px;color:#a8a29e;padding:32px 24px 38px}
body.shop-home .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#292524;color:white;border-radius:8px;font-size:13px;max-width:90vw;z-index:50}
body.shop-home .toast[hidden]{display:none}
@media(max-width:819px) and (min-width:641px){
body.shop-home .deck-stage{margin-inline:0}
body.shop-home .category-hero{padding-top:64px}
body.shop-home .utility-links{margin-top:12px}}
@media(max-width:640px){
body.shop-home .site-header{padding:16px 24px}
body.shop-home .category-hero{padding:128px 24px 0}
body.shop-home .deck-stage{height:470px;margin:64px 0 0;display:block;overflow:hidden}
body.shop-home .category-deck{display:none}
body.shop-home .mobile-category-deck{display:block;position:relative;width:100%;height:470px;isolation:isolate;touch-action:pan-y}
body.shop-home .mobile-category-deck .craft-card{width:300px;height:420px;margin-left:-150px;margin-top:-210px;touch-action:pan-y}
body.shop-home .mobile-category-deck .card-face{width:300px;height:420px}
body.shop-home .mobile-category-deck .card-pattern{left:18px;top:18px;width:264px;height:160px}
body.shop-home .mobile-category-deck h2{left:18px;top:192px;font-size:28px;line-height:30px}
body.shop-home .mobile-category-deck .vinted-title img{width:104px;height:30px}
body.shop-home .mobile-category-deck .card-details{left:18px;top:264px;width:264px;opacity:1;filter:none}
body.shop-home .mobile-category-deck .card-details p{font-size:15px;line-height:22px}
body.shop-home .mobile-category-deck .category-entry{margin-top:18px}
body.shop-home .mobile-category-deck .is-front .category-entry{pointer-events:auto}
body.shop-home .utility-links{flex-wrap:wrap;gap:17px 24px;margin-top:30px;font-size:12px}
body.shop-home footer{padding-top:26px}}
@media(max-width:350px){
body.shop-home .mobile-category-deck{transform:scale(.85);transform-origin:center top}
body.shop-home .deck-stage{height:410px}
body.shop-home .utility-links{margin-top:12px}}
@media(prefers-reduced-motion:reduce){
body.shop-home .craft-card h2,body.shop-home .vinted-title img{transition:none}}

/* Fixed artwork canvas scales inside an animated clipping window. */
body.shop-home .category-deck .pattern-window{position:absolute;left:16px;top:16px;width:196px;height:120px;overflow:hidden;pointer-events:none}
body.shop-home .category-deck .pattern-window .card-pattern{left:0;top:0;width:312px;height:192px;transform-origin:left top;transform:scale(.628205)}
body.shop-home .card-pattern.vinted-photo{object-fit:cover;object-position:75% center}
body.shop-home .card-pattern.vinted-cutout{object-fit:cover;object-position:center 12%}
body.shop-home .deck-entrance{width:900px;max-width:100vw;height:550px;flex:none;animation:deck-enter .4s cubic-bezier(0,0,.58,1) .5s both}
body.shop-home .category-deck{width:100%;transform:scale(var(--cluster-scale,1))}
@keyframes deck-enter{from{opacity:0;filter:blur(8px);transform:translateY(120px) scale(.8)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
body.shop-home button.category-entry{background:transparent;padding:0;text-align:left;border-radius:0}
body.shop-home .wallet-preview{position:fixed;max-width:calc(100vw - 40px);width:360px;padding:32px;border:1px solid #e7e5e4;border-radius:20px;color:#292524;background:white;box-shadow:0 24px 80px #0002}
body.shop-home .wallet-preview::backdrop{background:#17171760;backdrop-filter:blur(3px)}
body.shop-home .wallet-preview h2{font-size:24px;margin:0 0 18px}
body.shop-home .wallet-preview p{font-size:14px;line-height:1.7;color:#78716c}
body.shop-home .wallet-preview .preview-note{font-size:12px;color:#a8a29e}
body.shop-home .wallet-close{position:absolute;right:12px;top:9px;font-size:25px;background:none;padding:4px 8px;color:#78716c}
body.shop-home .wallet-done{margin-top:12px;background:#211f1e;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px}
@media(max-width:640px){
body.shop-home .deck-entrance{display:none}}
@media(prefers-reduced-motion:reduce){
body.shop-home .deck-entrance{animation:none}}
body.shop-home .design-compare-link{display:inline-block;margin-left:13px;text-decoration:underline;text-underline-offset:3px;color:#727b62}

/* Homepage service links share the top bar; card geometry stays unchanged. */
body.shop-home .site-header--with-nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
body.shop-home .site-header--with-nav>.brand{justify-self:start;align-self:start}
body.shop-home .site-header--with-nav>.login,body.shop-home .site-header--with-nav>.utility-links{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:normal}
body.shop-home .site-header--with-nav>.login{justify-self:end;line-height:22px;padding:9px 14px}
body.shop-home .site-header--with-nav>.utility-links{margin:0;gap:26px;flex-wrap:nowrap;white-space:nowrap;line-height:40px}
@media(max-width:640px){
body.shop-home .site-header--with-nav{grid-template-columns:1fr auto;gap:12px 20px;height:auto}
body.shop-home .site-header--with-nav>.utility-links{grid-column:1/-1;grid-row:2;gap:24px;line-height:30px}
}
@media(max-width:350px){
body.shop-home .site-header--with-nav>.utility-links{gap:10px}}

/* The shared production header keeps the approved brand and navigation. */
.site-header .brand>span:not(.brand-mark){display:none}.site-header .brand{min-width:32px}.site-header .brand-mark{width:32px;height:32px}.site-header .main-nav a{font-size:13px;font-weight:400}.site-header .brand img{width:32px;height:32px;object-fit:contain}
body.shop-home{background:#fff;padding-bottom:0}body.shop-home>.site-footer,body.shop-home>.shop-mobile-nav{display:none}
body.shop-home>.site-header{position:absolute;border:0;background:#fff;box-shadow:none;height:72px;padding:16px 24px}
body.shop-home .header-inner{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0;gap:24px}
body.shop-home .site-header .brand{display:block;width:32px;height:32px;justify-self:start;align-self:start}
body.shop-home .site-header .brand-mark{display:block;width:32px;height:32px}
body.shop-home .site-header .main-nav{display:flex;margin:0;gap:26px;line-height:40px;white-space:nowrap}
body.shop-home .site-header .main-nav a{font-family:inherit;font-size:13px;font-weight:400;color:#78716c;border:0;padding:0;min-height:0}
body.shop-home .site-header .main-nav a:hover{color:#1c1917}
body.shop-home .site-header .header-utilities{justify-self:end;display:flex;gap:0}
body.shop-home .header-utilities>.tool-download,body.shop-home .header-utilities>[data-shop-open],body.shop-home .main-nav>[href="#catalogSection"]{display:none}
body.shop-home #headerAgentButton{border:0;background:#f5f5f4;color:#44403c;border-radius:8px;font:400 13px/22px inherit;padding:9px 14px;min-height:40px;box-shadow:none}
body.shop-home .home-tool-download{display:inline-flex!important}
body:not(.shop-home) .home-tool-download{display:none}
body.shop-home #categoryHome .category-hero{padding:80px 32px 0}
body.shop-home #categoryHome .category-hero h1{color:#171717}
body.shop-home #categoryHome .category-hero p{color:#78716c}
body.shop-home #categoryHome footer{color:#a8a29e}
body.shop-home #categoryHome button{min-height:0}
body.shop-home .category-entry{box-shadow:none}
body.shop-home [hidden]{display:none!important}
.category-home-return{display:inline-flex;gap:7px;color:#747c68;font-size:12px;margin-bottom:18px;background:transparent;border:0;padding:0}
.vinted-category-wordmark{display:block;width:104px;height:60px;object-fit:contain;object-position:left center}
@media(max-width:700px){.vinted-category-wordmark{width:90px;height:52px}}
#catalogSection #catalogNotice.success{display:none}
body.shop-category-panel>.site-header,body.shop-category-panel>.site-footer,body.shop-category-panel>.shop-mobile-nav{display:none!important}
body.shop-category-panel{background:white;padding-bottom:0}
body.shop-category-panel #catalogSection{padding-top:20px}
body.shop-category-panel .category-home-return{margin-top:0}
body.shop-category-panel .toast-region{bottom:20px}
body.shop-category-panel .shop-payment-overlay{z-index:150}
.category-frame-cache{position:absolute;width:1px;height:1px;overflow:hidden;visibility:hidden;pointer-events:none;contain:strict}
@media(max-width:700px){body.shop-home .header-inner{grid-template-columns:1fr auto;gap:12px 20px}body.shop-home>.site-header{height:auto}body.shop-home .site-header .main-nav{display:flex;grid-column:1/-1;grid-row:2;gap:24px;line-height:30px;justify-content:center}body.shop-home .site-header .main-nav [data-agent-batch-nav],body.shop-home .site-header .main-nav [data-agent-daily-nav]{display:none}body.shop-home #categoryHome .category-hero{padding:128px 24px 0}body.shop-home .header-utilities{grid-column:2;grid-row:1}body.shop-home #headerAgentButton{font-size:13px}body.shop-category-panel .shop-cart-summary{bottom:18px}}
@media(max-width:350px){body.shop-home .site-header .main-nav{gap:10px}}

body.shop-home .category-hero h1{max-width:none}body.shop-home .support-launcher{color:#fff}body.shop-home .support-launcher svg{stroke:currentColor}
