:root{--navy:#16324f;--brand-teal:#3fb8b0;--navy-2:#20476d;--teal:#1d7a74;--teal-soft:#e7f3f2;--page:#f6fafa;--line:#d5e3e4;--ink:#132538;--muted:#56687a;--white:#fff;--amber:#8a5a0b;--amber-bg:#fbefd9;--green:#1f6b3a;--green-bg:#e2f2e7;--red:#9b2c2c;--red-bg:#f9e5e5;--r:10px;--font:"Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.45}h1{letter-spacing:-.02em;color:var(--navy);margin:0 0 8px;font-size:28px;font-weight:900;line-height:1.15}h2{color:var(--navy);margin:0 0 12px;font-size:20px;font-weight:700}p{margin:0 0 12px}a{color:var(--teal)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.btn{appearance:none;border-radius:var(--r);border:1px solid var(--navy);background:var(--navy);color:#fff;min-height:48px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{color:var(--navy);border-color:var(--line);background:#fff}.btn.teal{background:var(--teal);border-color:var(--teal)}.btn.danger{color:var(--red);border-color:var(--red);background:#fff}.btn.small{min-height:36px;padding:0 12px;font-size:15px}.btn.block{width:100%}input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=password],input[type=date],input[type=url],select,textarea{border:1px solid var(--line);border-radius:var(--r);width:100%;min-height:48px;font:inherit;color:var(--ink);background:#fff;padding:10px 14px}textarea{min-height:80px}label.field{display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.check{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:#fff;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.check input{width:24px;height:24px;accent-color:var(--teal);flex:none;margin:0}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:20px}.pill{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:var(--red-bg);color:var(--red)}.notice{border-radius:var(--r);background:var(--amber-bg);color:var(--amber);padding:12px 16px}.notice.ok{background:var(--green-bg);color:var(--green)}.notice.err{background:var(--red-bg);color:var(--red)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--navy);color:#fff;padding:10px 20px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:3px solid var(--brand-teal);align-items:center;gap:16px;display:flex;position:sticky;top:0}.topbar img{width:auto;height:30px}.topbar .event{border-left:1px solid #5a7590;padding-left:12px;font-weight:700}.topbar .who{align-items:center;gap:12px;margin-left:auto;font-size:15px;display:flex}.topbar .who a,.topbar .who button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.net{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.net:before{content:"";background:#5fd38d;border-radius:50%;width:9px;height:9px}.net.off:before{background:#f0b04a}.main{padding:20px;padding-bottom:calc(96px + var(--safe-b));flex:1;width:100%;max-width:1180px;margin:0 auto}.tabbar{z-index:20;border-top:1px solid var(--line);padding-bottom:var(--safe-b);background:#fff;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:200px;min-height:64px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:700;display:flex;position:relative}.tabbar button[aria-current=page]{color:var(--teal);box-shadow:inset 0 3px 0 var(--teal)}.tabbar svg{width:24px;height:24px}.badge{background:var(--amber);color:#fff;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:12px;line-height:20px;position:absolute;top:8px;right:calc(50% - 26px)}.cats{scrollbar-width:none;gap:8px;margin:12px 0 16px;padding-bottom:4px;display:flex;overflow-x:auto}.cats button{border:1px solid var(--line);min-height:44px;font:inherit;color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:0 18px;font-weight:700}.cats button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.docs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.doc{text-align:left;border:2px solid var(--line);border-radius:var(--r);cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.doc[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.doc .thumb{aspect-ratio:4/3;background:var(--teal-soft);width:100%;color:var(--teal);justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.doc .thumb img{object-fit:cover;width:100%;height:100%}.doc .body{padding:10px 12px 12px}.doc .title{font-weight:700;line-height:1.25}.doc .tick{border:2px solid var(--line);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:8px;right:8px}.doc[aria-pressed=true] .tick{background:var(--teal);border-color:var(--teal);color:#fff}.tray{left:0;right:0;bottom:calc(64px + var(--safe-b));z-index:19;background:var(--navy);color:#fff;justify-content:center;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed}.tray .btn{background:var(--brand-teal);border-color:var(--brand-teal);color:var(--navy)}.sheet-backdrop{z-index:40;background:#13253873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:700px){.sheet-backdrop{align-items:center}}.sheet{background:var(--page);width:100%;max-width:680px;max-height:92dvh;padding:24px;padding-bottom:calc(24px + var(--safe-b));border-radius:16px 16px 0 0;overflow:auto}@media (min-width:700px){.sheet{border-radius:16px}}.results{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}.results button{border:0;border-top:1px solid var(--line);width:100%;min-height:56px;font:inherit;text-align:left;cursor:pointer;background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.results button:first-child{border-top:0}.cart-line{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.qty{border:1px solid var(--line);border-radius:var(--r);align-items:center;display:inline-flex;overflow:hidden}.qty button{cursor:pointer;width:44px;height:44px;color:var(--navy);background:#fff;border:0;font-size:22px}.qty span{text-align:center;min-width:36px;font-weight:700}.two-col{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.two-col{grid-template-columns:1fr}}table.list{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r);background:#fff;width:100%;font-size:15px;overflow:hidden}table.list th,table.list td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:10px 12px}table.list th{background:var(--teal-soft);color:var(--navy);border-top:0;font-size:14px}.qrs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.qr{border:1px solid var(--line);border-radius:var(--r);text-align:center;background:#fff;padding:20px}.qr svg{width:100%;max-width:220px;height:auto}.login{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.login-form{width:100%;max-width:420px}.login-form input{font-size:18px}.admin-nav{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.admin-nav a{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.admin-nav a[aria-current=page]{background:var(--navy);color:#fff}details.edit>summary{cursor:pointer;color:var(--teal);font-weight:700;list-style:none}details.edit[open]{background:var(--page);border-radius:var(--r);padding:12px}.shop{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.shop .cart{max-height:calc(100dvh - 180px);position:sticky;top:76px;overflow:auto}.cats .count{opacity:.7;margin-left:4px;font-weight:400}.products{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.pcard{border:2px solid var(--line);border-radius:var(--r);background:#fff;flex-direction:column;gap:6px;padding:12px;display:flex}.pcard.in{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.pcard-top{justify-content:space-between;align-items:center;gap:6px;min-height:24px;display:flex}.pname{flex:1;font-weight:700;line-height:1.25}.pprice{align-items:baseline;gap:8px;font-size:18px;display:flex}.qty.block{width:100%;display:flex}.qty.block span{flex:1}.cart-line.total{font-size:18px;font-weight:800}.discount{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 0;display:flex}.seg{border:1px solid var(--line);border-radius:var(--r);display:inline-flex;overflow:hidden}.seg button{width:44px;height:44px;font:inherit;color:var(--navy);cursor:pointer;background:#fff;border:0;font-weight:700}.seg button[aria-pressed=true]{background:var(--navy);color:#fff}.cart-tray{display:none}@media (max-width:900px){.shop{grid-template-columns:1fr}.shop .cart{max-height:none;position:static}.cart-tray{display:flex}}.doc{cursor:default}.doc[data-picked=true]{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.doc-pick{all:unset;cursor:pointer;flex-direction:column;flex:1;display:flex;position:relative}.doc-pick:focus-visible{outline:3px solid var(--brand-teal);outline-offset:-3px}.doc .doc-pick .tick{position:absolute;top:8px;right:8px}.doc[data-picked=true] .tick,.doc-row[data-picked=true] .tick{background:var(--teal);border-color:var(--teal);color:#fff}.doc-open{border:0;border-top:1px solid var(--line);min-height:44px;font:inherit;color:var(--teal);cursor:pointer;background:#fff;font-weight:700}.doc-open:active{background:var(--teal-soft)}.doc-list{flex-direction:column;gap:8px;display:flex}.doc-row{border:2px solid var(--line);border-radius:var(--r);background:#fff;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.doc-row[data-picked=true]{border-color:var(--teal)}.doc-row .doc-pick{flex-direction:row;align-items:center;gap:12px;min-height:64px}.doc-row .tick{border:2px solid var(--line);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.doc-row .mini{background:var(--teal-soft);width:56px;height:72px;color:var(--teal);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex;overflow:hidden}.doc-row .mini img{object-fit:cover;object-position:top;width:100%;height:100%}.doc-row .grow{flex-direction:column;gap:2px;min-width:0;display:flex}.doc-row .title{font-weight:700;line-height:1.25}.doc-row .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.viewer{z-index:60;background:#525659;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--navy);color:#fff;align-items:center;gap:12px;display:flex}.viewer-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viewer-bar .muted{color:#c9d6e2}.viewer-body{-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(16px + var(--safe-b));flex:1;overflow:auto}.viewer-pages{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1100px;margin:0 auto;display:flex}.viewer-pages canvas{background:#fff;max-width:100%;height:auto;box-shadow:0 2px 12px #00000059}.viewer-body .muted{color:#e6edf3}.coupon-on{border-radius:var(--r);background:var(--green-bg);align-items:center;gap:8px;padding:8px 10px;display:flex}.seg{align-self:flex-start}.shipping{border:0;border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:0;padding:10px 0;display:flex}.shipping legend{float:left;width:100%;padding:10px 0 2px;font-weight:700}.ship-option{border:2px solid var(--line);border-radius:var(--r);cursor:pointer;background:#fff;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.ship-option.on{border-color:var(--teal);background:var(--teal-soft)}.ship-option input{width:20px;height:20px;accent-color:var(--teal);margin:0}.summary{border:1px solid var(--line);border-radius:var(--r);background:#fff;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 16px;display:flex}.grid3{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.sort{border:1px solid var(--line);border-radius:var(--r);width:auto;min-height:48px;font:inherit;color:var(--navy);background:#fff;padding:0 12px}.doc-bar{min-height:36px;margin:4px 0 12px}.qr-group+.qr-group{margin-top:28px}.qr-group h2{margin:16px 0 12px}.picker{position:relative}.picker-list{z-index:30;border:1px solid var(--line);border-radius:var(--r);background:#fff;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #13253826}.picker-list button{border:0;border-top:1px solid var(--line);width:100%;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#fff;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.picker-list button:first-child{border-top:0}.picker-list button:active,.picker-list button:hover{background:var(--teal-soft)}.contact-list{flex-direction:column;gap:8px;display:flex}.contact-row{border:1px solid var(--line);border-radius:var(--r);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.contact-row .grow{min-width:240px}.contact-actions{flex-wrap:wrap;gap:6px;display:flex}.bundle-docs{border:1px solid var(--line);border-radius:var(--r);background:#fff;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px 16px;max-height:360px;padding:8px;display:grid;overflow:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.tile-n{font-size:28px;font-weight:900;line-height:1.1}.bar{vertical-align:middle;background:var(--teal-soft);border-radius:4px;width:80px;height:8px;margin-left:8px;display:inline-block;overflow:hidden}.bar span{background:var(--teal);height:100%;display:block}.lead{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:10px 14px}.lead summary{cursor:pointer;font-weight:700}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags button{border:1px solid var(--line);min-height:36px;font:inherit;color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:14px}.tags button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.bundles{scrollbar-width:none;align-items:center;gap:8px;margin:12px 0 0;display:flex;overflow-x:auto}.bundles button{border:1px dashed var(--teal);background:var(--teal-soft);min-height:40px;font:inherit;color:var(--teal);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-weight:700}.bundles button[aria-pressed=true]{background:var(--teal);color:#fff;border-style:solid}.pcard .pname{all:unset;cursor:pointer;flex:1;font-weight:700;line-height:1.25;display:block}.pcard .pname:focus-visible{outline:3px solid var(--brand-teal)}.pcard-img{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:6px;width:100%}.product-photo{object-fit:contain;border-radius:var(--r);background:#fff;width:100%;max-height:280px;margin-bottom:12px}.lock{z-index:90;background:#1325388c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lock-card{text-align:center;align-items:stretch;width:100%;max-width:360px}.lock-card input{text-align:center;letter-spacing:.3em;font-size:24px}.bell{cursor:pointer;background:0 0;border:0;min-width:36px;min-height:36px;font-size:18px;position:relative}.bell .badge{position:absolute;top:-2px;right:-4px}.event-sub{opacity:.8;font-size:.85em;font-weight:400}.social-message{color:var(--teal);background:var(--teal-soft);border-radius:var(--r);margin:8px 0 12px;padding:12px 16px;font-size:18px;font-weight:700}
