:root{font-family:Tahoma,Arial,sans-serif;color:#202124;background:#f5f6f7;font-size:16px;--gold:#ffff00;--ink:#050505;--uprint-yellow:#ffff00}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--uprint-yellow);outline-offset:4px}.site-header{background:#000;color:white;padding:18px 2.2%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:3px solid var(--uprint-yellow);box-shadow:0 10px 30px #0002;position:relative;z-index:4}.uprint-brand{display:block;flex:0 0 auto}.uprint-brand img{display:block;width:260px;max-width:22vw;height:82px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,34px);border:0;padding:0;flex:1}.site-nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-family:Arial,sans-serif;font-size:clamp(13px,1.05vw,17px);letter-spacing:.02em;white-space:nowrap;padding:13px 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.active{color:var(--uprint-yellow);border-bottom-color:var(--uprint-yellow)}.site-nav .email-link{border:2px solid var(--uprint-yellow);padding:13px 22px;color:white;font-weight:700;letter-spacing:.12em}.site-nav .email-link:hover{background:var(--uprint-yellow);color:#000}.header-end{display:flex;gap:10px;align-items:center}.language{background:none;border:1px solid #686868;border-radius:2px;color:white;padding:10px 14px;font-size:14px}.language:hover{border-color:var(--uprint-yellow);color:var(--uprint-yellow)}main{max-width:1600px;padding:0 5%;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 34px;gap:24px}.eyebrow{font-size:13px;color:#686868;text-transform:uppercase;letter-spacing:.1em}h1{font-size:clamp(29px,3.3vw,48px);font-weight:700;margin:10px 0;line-height:1.35}.back-link{display:inline-block;margin-top:8px;color:#333;text-decoration:none;border-bottom:2px solid var(--uprint-yellow);padding-bottom:4px}.back-link:hover{color:#000}.total{text-align:center;border-inline-start:4px solid var(--uprint-yellow);padding-inline-start:35px;min-width:150px}.total strong{font-family:Georgia,serif;font-size:44px;font-weight:700;display:block;color:#000}.total span{font-size:13px;color:#616161}#categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;border-bottom:1px solid #ddd;padding-bottom:25px}#categories button{background:white;border:1px solid #d5d5d5;border-radius:3px;padding:15px 12px;text-align:start;line-height:1.5;color:#444;transition:background .15s,border-color .15s}#categories button span{display:block;font-size:14px}#categories button small{font-size:12px;color:#777}#categories button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--uprint-yellow);box-shadow:inset 0 -4px var(--uprint-yellow)}#categories button[aria-pressed=true] small{color:#d7d7d7}#categories button:hover{border-color:#000}.collection-title{display:flex;justify-content:space-between;align-items:center;padding:30px 0 23px;gap:15px}h2{font-size:26px;font-weight:600;margin:8px 0 0}.collection-title>span{font-size:14px;color:#74767a}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:block;width:100%;padding:0;background:white;border:1px solid #dadada;border-radius:3px;overflow:hidden;text-align:start;color:inherit;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #18191c14;border-color:#bfbf00}.photo{aspect-ratio:1.414;background:white;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;display:block}.card-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid #eee;font-size:14px}.card-caption small{font-size:12px;color:#808287}.expand{font-size:21px;color:#777700}.more-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 0 45px}#more{background:var(--ink);color:white;border:2px solid var(--uprint-yellow);border-radius:2px;padding:14px 42px}#progress{font-size:13px;color:#74767a}footer{border-top:3px solid var(--uprint-yellow);background:#000;margin:0;padding:25px 5% 100px;display:flex;justify-content:space-between;font-size:14px;color:#bbb}footer a{color:var(--uprint-yellow);text-decoration:none;font-weight:700}dialog{border:0;padding:0;background:#191a1d;color:white;width:min(1400px,96vw);height:94vh;max-height:94vh;border-radius:4px}dialog::backdrop{background:#08090be8}dialog[open]{display:flex;flex-direction:column}.viewer-head,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;flex-shrink:0}.viewer-actions{display:flex;gap:10px}dialog button{background:#303136;border:1px solid #55565b;color:white;border-radius:3px;padding:8px 16px}#close,#zoom{font-size:24px;line-height:1}#imageArea{flex:1;min-height:0;overflow:auto;text-align:center;display:flex;align-items:center;justify-content:center;background:#101114}#fullImage{max-width:100%;max-height:100%;object-fit:contain}#imageArea.zoomed{display:block}#imageArea.zoomed img{max-width:none;max-height:none;width:1800px}dialog button:disabled{opacity:.3;cursor:default}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1250px){.site-header{flex-wrap:wrap}.uprint-brand img{max-width:280px}.site-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.site-nav a{font-size:14px}.site-nav .email-link{padding:10px 16px}}@media(max-width:1000px){#categories{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edition{display:none}}@media(max-width:600px){.site-header{padding:12px 4%;gap:12px}.uprint-brand img{width:165px;max-width:52vw;height:58px}.header-end{margin-inline-start:auto}.site-nav{gap:20px;padding-bottom:5px}.site-nav a{font-size:13px}.site-nav .email-link{padding:8px 12px}.intro{padding:28px 0 20px}.total{display:none}h1{font-size:28px}.eyebrow{font-size:12px}#categories{gap:7px;padding-bottom:20px}#categories button{padding:10px 8px}#categories button span{font-size:13px}#categories button small{font-size:12px}.grid{grid-template-columns:1fr;gap:18px}.collection-title{padding:23px 0 18px}h2{font-size:22px}.collection-title>span{font-size:12px}.viewer-head,.viewer-bottom{padding:12px;font-size:13px}.viewer-bottom button{padding:10px;font-size:14px}footer{gap:15px;font-size:12px;flex-direction:column}#viewerLabel{line-height:1.7}}
.quote-trigger{border:2px solid var(--uprint-yellow);border-radius:2px;padding:10px 14px;background:#090909;color:white;font-size:14px}.quote-trigger:hover{background:var(--uprint-yellow);color:#000}.quote-trigger b{display:inline-block;min-width:22px;border-radius:20px;padding:2px 6px;background:var(--uprint-yellow);color:#000;margin-inline-start:6px}.selection-hint{font-size:14px;line-height:1.9;padding:13px 18px;background:#fff;border-inline-start:5px solid var(--uprint-yellow);border-radius:0;margin-top:25px;box-shadow:0 5px 20px #0000000a}.card{cursor:default}.card-view{display:block;width:100%;border:0;padding:0;background:white;color:inherit;text-align:start}.select-product{display:block;width:calc(100% - 30px);margin:0 15px 15px;border:2px solid #d4d400;border-radius:2px;padding:10px;background:#ffffe5;color:#191900;font-size:14px;font-weight:700}.select-product:hover{background:var(--uprint-yellow)}.light-dialog{background:#fff;color:#202124;width:min(850px,96vw);height:auto;max-height:94vh}.light-dialog[open]{display:flex}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:3px solid var(--uprint-yellow);flex-shrink:0}.dialog-title h2{margin:0;font-size:23px}.light-dialog .icon-close{background:#eee;color:#222;border:0;font-size:25px;line-height:1;padding:6px 12px}.dialog-content{padding:18px 22px;overflow:auto;min-height:0}.dialog-content p{font-size:14px;line-height:1.8;margin-top:0}#pickCanvas{position:relative;line-height:0;cursor:crosshair;touch-action:manipulation;border:1px solid #ddd}#pickImage{width:100%;height:auto;display:block}#pickMarker{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#cf3024;color:white;border:3px solid white;box-shadow:0 0 0 2px #cf3024;text-align:center;line-height:30px;font-size:19px;pointer-events:none}#pickedStatus{min-height:20px;margin:9px 0;color:#546349}label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:15px}.form-row{display:flex;gap:16px}.form-row>label{flex:1;min-width:0}.form-row>.quantity-label{flex:0 0 120px}input,textarea{width:100%;border:1px solid #bfc2c5;border-radius:3px;padding:11px;font:inherit;font-size:16px;color:#242528;background:#fff}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--uprint-yellow);outline-offset:2px}.light-dialog .primary{background:var(--ink);color:white;padding:14px 20px;border:2px solid var(--uprint-yellow);width:100%}.error{color:#b12720}.light-dialog .secondary{background:#fff;color:#292b2e;border:1px solid #aeb2b6;font-size:14px}.quote-row{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #ddd}.quote-thumb{position:relative;align-self:start;line-height:0}.quote-thumb img{width:100%;display:block;border:1px solid #ddd}.mini-pin{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;background:#c32e23;border:2px solid white;outline:1px solid #c32e23;border-radius:50%}.quote-row h3{font-size:16px;margin:0 0 7px}.quote-row p{margin:6px 0;overflow-wrap:anywhere;color:#67696b}.row-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-controls label{flex-direction:row;align-items:center;margin:0}.row-controls input{width:92px;padding:7px}.light-dialog .text-button{background:none;color:#626200;border:0;text-decoration:underline;padding:10px 0;font-size:14px}.row-controls button{background:none;color:#8a302b;border:0;font-size:14px;padding:8px}#quoteDetails{padding-top:22px}.send-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.whatsapp{display:inline-block;flex:1;text-align:center;border-radius:3px;padding:14px;background:#136c46;color:white;text-decoration:none;font-size:16px}.send-actions .secondary{padding:12px 20px}.muted{color:#6c6e72;margin:12px 0}details{padding:10px 0;font-size:14px}summary{cursor:pointer;padding:8px 0}#messagePreview{font-size:14px;line-height:1.7}.floating-quote{position:fixed;bottom:20px;inset-inline-end:25px;background:#000;color:#fff;border:2px solid var(--uprint-yellow);padding:16px 24px;border-radius:30px;box-shadow:0 5px 25px #0003;z-index:3;font-size:15px}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:12px 22px;border-radius:3px;z-index:10;pointer-events:none;display:none;white-space:nowrap;font-size:14px}.empty-quote{padding:35px 10px;text-align:center;color:#73767a}#viewerAdd{background:var(--uprint-yellow);color:#000;border:0}#viewer .viewer-bottom{flex-wrap:wrap}@media(max-width:600px){.header-end{gap:6px}.quote-trigger{padding:8px 9px;font-size:12px}.language{padding:8px 9px;font-size:12px}.dialog-title,.dialog-content{padding:15px}.form-row{gap:10px}.form-row>.quantity-label{flex-basis:90px}.quote-row{grid-template-columns:90px 1fr;gap:10px}.floating-quote{bottom:14px;inset-inline-end:14px;padding:13px 19px}.send-actions{flex-direction:column}.light-dialog{max-height:96dvh}.dialog-title h2{font-size:20px}}
