:root{--color-text:var(--text-color);--color-text-secondary:var(--base-darker-grey);--color-surface:var(--background);--color-background:var(--background);--color-artwork-mat:var(--slate-light);--color-artwork-mat-muted:var(--light-grey);--color-border:var(--slate-light);--color-primary:var(--text-color);--color-error:var(--tuned-red);--color-warning:var(--orange);--cart-badge-bg:var(--orange);--cart-badge-bg-logged-in:var(--apple-green);--spacing-xs:calc(4px * var(--sf));--spacing-sm:calc(10px * var(--sf));--spacing-md:calc(20px * var(--sf));--spacing-lg:calc(20px * var(--sf));--spacing-xl:calc(40px * var(--sf));--spacing-2xl:calc(60px * var(--sf));--spacing-3xl:calc(80px * var(--sf));--container-max-width:1000px;--container-padding:0px;--font-sans:var(--typeface-regular), sans-serif;--font-mono:var(--typeface-mono), monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}*{box-sizing:border-box}body{font-family:var(--font-sans);font-size:calc(14px * var(--sf));line-height:calc(20px * var(--sf));color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-ms-touch-action:manipulation;background:var(--color-surface,#fff);margin:0;padding:0}.container{max-width:var(--container-max-width);justify-content:space-between;margin:0 auto}@media (width>=768px){.container{--container-padding:40px}}.site-header{background:var(--color-surface,#fff);margin-bottom:10px;padding-top:40px;padding-bottom:10px}.site-header .container{flex-direction:column;gap:20px;display:flex}body.mobile .site-header{width:100%;padding:calc(0px * var(--scaling-factor-mobile,1)) calc(20px * var(--scaling-factor)) calc(20px * var(--scaling-factor)) calc(20px * var(--scaling-factor));z-index:100;box-sizing:border-box;margin-top:0;position:fixed;top:0;left:0;right:0}body.mobile .container{gap:calc(20px * var(--scaling-factor-mobile,1));max-width:100%;padding:0}body.mobile .main-content{margin-top:calc(120px * var(--scaling-factor-mobile,1))}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.header-actions{justify-content:space-between;align-items:end;gap:var(--spacing-md);flex:1;height:40px;display:flex}body.mobile .header-actions{height:calc(40px * var(--sf));gap:calc(10px * var(--sf))}.view-button{cursor:pointer;width:calc(20px * var(--sf));height:calc(20px * var(--sf));transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.view-button:hover{opacity:.8}.view-button img,.view-button svg{width:calc(20px * var(--sf));height:calc(20px * var(--sf));display:block}.profile-button{cursor:pointer;width:30px;height:30px;transition:opacity var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.profile-button:hover{opacity:.8}.profile-button img{width:30px;height:30px;display:block}.profile-button.logged-in{background:#d8ff94;border-radius:50%}cart-display{margin-left:auto}.main-content{min-height:60vh;max-width:var(--container-max-width);width:100%;padding:0 var(--container-padding);flex-direction:column;align-items:center;margin:0 auto;display:flex}body.mobile .main-content{padding:0}.filters-bar{height:calc(20px * var(--scaling-factor-mobile,1));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;align-items:flex-end;gap:40px;margin-left:0;display:flex}body.mobile .filters-bar{height:calc(20px * var(--scaling-factor-mobile,1));justify-content:space-between;gap:0;margin-left:0}body.mobile .filter-toggle-container{width:calc(80px * var(--scaling-factor-mobile,1));justify-content:end;height:20px;display:flex;position:relative}body.mobile .filter-toggle-container:first-child{justify-content:flex-start}body.mobile .filter-toggle-container:nth-child(2){justify-content:center}body.mobile .filter-toggle-container:last-child{justify-content:flex-end}.filter-toggle-container{align-items:center;height:16px;display:flex;position:relative}.filter-toggle{height:16px;font-size:calc(14px * var(--sf));color:var(--color-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-ms-touch-action:manipulation;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:400;display:flex}.filter-toggle.active{color:#0a0a0a;background:var(--one-comfortable-green)}body.mobile .filter-toggle{height:calc(20px * var(--sf));background:var(--zenith-blue);padding:0 calc(2px * var(--scaling-factor-mobile,1))}body.mobile .filter-toggle.active{background:var(--one-comfortable-green)}body:focus-visible .filter-toggle{outline:6px solid var(--color-primary);outline-offset:2px}.filter-label{font-size:calc(14px * var(--sf));line-height:1}.filter-label-mobile,body.mobile .filter-label-desktop{display:none}body.mobile .filter-label-mobile{display:inline}.filter-toggle text-v1{font-size:calc(14px * var(--sf));line-height:1;display:inline}.filter-icon{width:16px;height:16px;display:block}body.mobile .filter-icon{width:20px;height:20px}.filter-close{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.filter-toggle.active .filter-close{opacity:1;pointer-events:auto;background:linear-gradient(90deg,#0003 0% 100%)}body.mobile .filter-close{display:none!important}.filter-dropdown{background:var(--color-surface);gap:10px;padding:10px;display:flex}.filter-dropdown[hidden]{display:none}.color-picker{justify-content:center}.color-option{cursor:pointer;width:24px;height:24px;padding:0;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.detail-picker{background:0 0;border:none;flex-direction:column;gap:2px;padding:0}.detail-option{background:var(--one-comfortable-green);color:#0a0a0a;font-size:calc(14px * var(--sf));cursor:pointer;border:none;align-items:center;gap:4px;height:18px;padding:4px 8px;transition:opacity .2s;display:flex}.detail-option:hover{opacity:.7}.detail-option img{width:16px;height:16px}.detail-option.selected{background:var(--one-comfortable-green)}body:not(.mobile) wa-tooltip{display:none!important}body.mobile wa-tooltip{pointer-events:none;--wa-tooltip-arrow-size:0}wa-tooltip{color:#f3f3f3;padding:calc(0px * var(--scaling-factor-mobile,1)) calc(2px * var(--scaling-factor-mobile,1));font-size:calc(14px * var(--sf));height:20px;bottom:calc(20px * var(--scaling-factor-mobile,1));background:#6b6b6b;border-radius:0;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}body.mobile wa-tooltip::part(base){--wa-tooltip-arrow-size:0}body.mobile wa-tooltip::part(base__popup){transform-origin:bottom}.loading-state,.empty-state{padding:var(--spacing-3xl) var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.site-footer{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0;background:var(--color-surface)}.footer-content{gap:var(--spacing-md);text-align:center;flex-direction:column;align-items:center;display:flex}@media (width>=768px){.footer-content{text-align:left;flex-direction:row;justify-content:space-between}}.copyright{color:var(--color-text-secondary);margin:0;font-size:14px}.footer-links{gap:var(--spacing-lg);margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-link:hover,.footer-link:focus{color:var(--color-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:1000;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.site-footer{width:100%;margin-top:80px;padding:40px 20px}.footer-content{justify-content:space-between;align-items:center;gap:40px;max-width:1000px;margin:0 auto;display:flex}.footer-copyright{flex-shrink:0}.footer-copyright p{color:#878787;white-space:nowrap;margin:0;font-size:12px}.footer-nav{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.footer-nav a{color:var(--color-text,#000);white-space:nowrap;font-size:12px;text-decoration:none;transition:opacity .2s}.footer-nav a:hover{opacity:.6}.footer-settings{gap:calc(10px * var(--sf));flex-shrink:0;align-items:center;display:flex}.footer-settings cycle-v1{font-size:12px}.footer-settings cycle-v1 ds-button{background:var(--color-control,#e7e7e7);color:var(--color-control-text,#3d3d3d);height:auto;min-height:16px;padding:0 4px;font-size:14px}.footer-setting{color:var(--color-text,#000);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;transition:opacity .2s}.footer-setting.active{background:var(--color-control,#e7e7e7);color:var(--color-control-text,#3d3d3d);padding:0 4px;font-size:14px}.footer-setting:hover{opacity:.6}.footer-separator{color:var(--color-text,#000);font-size:12px}@media (width<=768px){.footer-content{flex-direction:column;gap:20px}.footer-nav{flex-direction:column;gap:12px}.footer-desktop{display:none}.footer-mobile{justify-content:space-between;align-items:center;width:100%;height:28px;padding:0;display:flex}}@media (width>=769px){.footer-mobile{display:none}}.footer-more-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.footer-more-button svg{width:20px;height:20px;display:block}.footer-settings-mobile{align-items:center;gap:6.25px;height:20px;display:flex}.footer-setting-item{align-items:center;gap:0;display:flex}.footer-setting-btn{background:var(--color-control,#e7e7e7);color:var(--color-control-text,#3d3d3d);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;height:20px;padding:0 4px;font-family:Inter Arrows,GT America,sans-serif;font-size:17.5px;display:inline-flex}.footer-setting-btn.active{background:var(--color-control,#e7e7e7)}.footer-settings-mobile .footer-separator{color:var(--color-text,#000);margin:0;font-size:15px}.footer-mobile-nav{flex-direction:column;display:flex}.footer-mobile-nav a{height:var(--ds-row-height);color:var(--color-text,var(--text-color));align-items:center;text-decoration:none;display:flex}.footer-mobile-nav a:hover,.footer-mobile-nav a:focus-visible{text-decoration:underline}body.mobile .footer-more-button,body.mobile .footer-more-button svg{width:calc(20px * var(--scaling-factor-mobile,1));height:calc(20px * var(--scaling-factor-mobile,1))}body.mobile .footer-settings-mobile{height:calc(20px * var(--scaling-factor-mobile,1))}body.mobile .footer-setting-btn{font-size:calc(17.5px * var(--scaling-factor-mobile,1));height:calc(20px * var(--scaling-factor-mobile,1));padding:0 calc(4px * var(--scaling-factor-mobile,1))}body.mobile .footer-settings-mobile .footer-separator{font-size:calc(15px * var(--scaling-factor-mobile,1))}ds-grid{display:none}@media (width<=820px){body.mobile .site-header{padding:var(--spacing-md);background:var(--color-surface)}body.mobile .header-actions{height:calc(20px * var(--sf))}body.mobile .main-content{margin-top:calc(80px * var(--sf))}.filter-toggle{height:calc(20px * var(--sf))}}.filter-toggle-container,.filter-toggle{height:calc(20px * var(--sf))}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-control:#e7e7e7;--color-control-text:#3d3d3d}:root[data-theme=dark]{--color-text:#f2f2f2;--color-text-secondary:#b5b5b5;--color-surface:#191919;--color-background:#191919;--color-border:#494949;--color-control:#3b3b3b;--color-control-text:#f2f2f2}site-footer .footer-settings,site-footer[variant=settings] .footer-settings,site-footer .footer-settings-mobile{flex-wrap:wrap;align-items:center;gap:0;height:auto;display:flex}site-footer .footer-language-label{width:calc(80px * var(--sf));height:calc(20px * var(--sf));align-items:center;display:flex}site-footer ds-button.preference-button{--ds-control-size:20px;--ds-button-width:calc(60px * var(--sf));flex:none}site-footer ds-button[data-action=currency]{--ds-button-width:calc(40px * var(--sf))}site-footer ds-button[data-action=theme]{--ds-button-width:calc(100px * var(--sf))}.currency-note{color:var(--color-text-secondary,#666);margin-top:12px;font-size:12px;line-height:1.5}html[data-theme=dark] .send-code-button,html[data-theme=dark] .verify-code-button,html[data-theme=dark] .error-message-text,html[data-theme=dark] .error-message-dismiss,html[data-theme=dark] .back-to-shop-button{color:#000}html[data-theme=dark] #payment-form input,html[data-theme=dark] #card-element{color:#0a0a0a;background:#fff}[data-action]:focus-visible{outline-offset:3px;outline:2px solid}html[data-theme=dark] body,html[data-theme=dark] .site-header,html[data-theme=dark] .view-container,html[data-theme=dark] .profile-container,html[data-theme=dark] .cart-container,html[data-theme=dark] .signin-container{background:var(--color-background);color:var(--color-text)}html[data-theme=dark] .footer-nav a,html[data-theme=dark] .footer-separator,html[data-theme=dark] .footer-mobile-nav a,html[data-theme=dark] .artwork-title h1,html[data-theme=dark] .artwork-price p,html[data-theme=dark] .units-left,html[data-theme=dark] .favorite-button,html[data-theme=dark] .quantity-value,html[data-theme=dark] .section-title,html[data-theme=dark] .shipping-info,html[data-theme=dark] .powered-by{color:var(--color-text)}html[data-theme=dark] .pay-button,html[data-theme=dark] .footer-setting.active,html[data-theme=dark] .footer-setting-btn,html[data-theme=dark] .quantity-button{background:var(--color-control);color:var(--color-control-text)}html[data-theme=dark] #view-toggle img{filter:invert()}site-footer .preference-button>span{font:inherit}body.mobile site-footer .site-footer{padding:calc(40px * var(--sf)) calc(20px * var(--sf))}site-footer .footer-settings .footer-separator,site-footer .footer-settings-mobile .footer-separator{width:calc(20px * var(--sf));height:calc(20px * var(--sf));font:calc(14px * var(--sf)) / calc(20px * var(--sf)) var(--typeface-regular);flex:none;justify-content:center;align-items:center;margin:0;display:inline-flex}site-footer .footer-settings-mobile .footer-separator{width:calc(10px * var(--sf))}
