:root{--bg-color:#fff;--text-color:#1d1d1f;--panel-bg:rgba(255,255,255,0.25);--panel-border:rgba(255,255,255,0.4);--select-bg:rgba(255,255,255,0.55);--select-hover-bg:rgba(255,255,255,0.75);--shadow-color:rgba(0,0,0,0.12);--focus-ring:rgba(0,122,255,0.35);--spinner-track:rgba(0,0,0,0.12);--spinner-color:#000;--logo-filter:invert(0);--cta-color-light:#333;--cta-text-light:#fff;--cta-color-dark:#f5f5f7;--cta-text-dark:#1d1d1f}
body[data-theme=dark]{--bg-color:#1a1a1c;--text-color:#f5f5f7;--panel-bg:rgba(28,28,30,0.3);--panel-border:rgba(58,58,60,0.4);--select-bg:rgba(58,58,60,0.55);--select-hover-bg:rgba(58,58,60,0.75);--shadow-color:rgba(0,0,0,0.25);--focus-ring:rgba(0,122,255,0.5);--spinner-track:rgba(255,255,255,0.15);--spinner-color:#fff;--logo-filter:invert(1)}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}#container{position:fixed;inset:0;transition:filter .3s ease,opacity .3s ease}#ui.glass{position:fixed;top:16px;left:16px;z-index:100;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 14px;border-radius:16px;background:var(--panel-bg);box-shadow:0 8px 32px var(--shadow-color);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--panel-border);transition:opacity .3s ease, visibility .3s ease, transform .3s ease}#ui .row{display:flex;align-items:center;gap:8px}#ui label{font-weight:600;font-size:14px;user-select:none}#ui select{appearance:none;outline:none;border:none;border-radius:8px;background-color:var(--select-bg);color:var(--text-color);padding:8px 28px 8px 12px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.05) inset;transition:background-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}#ui select:hover{background-color:var(--select-hover-bg)}#ui select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}#ui .logo{display:block;height:36px;object-fit:contain;margin-right:12px;user-select:none;pointer-events:none;filter:var(--logo-filter);transition:filter .3s ease}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:22px;position:relative;width:42px}.theme-switch input{display:none}.slider{background-color:var(--select-bg);bottom:0;left:0;right:0;top:0;cursor:pointer;position:absolute;transition:.4s;border-radius:22px}.slider:before{background-color:#fff;bottom:3px;left:3px;content:"";height:16px;width:16px;position:absolute;transition:.4s;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.2)}input:checked+.slider{background-color:var(--select-hover-bg)}input:checked+.slider:before{transform:translateX(20px)}.slider:after{content:'☀️';color:#f0c420;display:block;position:absolute;transform:translate(-50%,-50%);top:50%;left:75%;font-size:12px;transition:all .4s}input:checked+.slider:after{content:'🌙';color:#fff;left:25%}#loadingOverlay{position:fixed;inset:0;background:rgba(255,255,255,0.35);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}#loadingOverlay.visible{opacity:1;pointer-events:auto}#loadingOverlay .loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}#loadingOverlay .loaderLogo{width:70px;height:auto;user-select:none;pointer-events:none;filter:var(--logo-filter);transition:filter .3s ease}#loadingOverlay .spinner{position:absolute;inset:0;border:6px solid var(--spinner-track);border-top-color:var(--spinner-color);border-radius:50%;animation:spin 1s linear infinite;transition:border-color .3s ease}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.add-to-cart-btn{appearance:none;border:none;outline:none;background-color:var(--cta-color-light);color:var(--cta-text-light);font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;gap:8px}body[data-theme=dark] .add-to-cart-btn{background-color:var(--cta-color-dark);color:var(--cta-text-dark)}.add-to-cart-btn:hover{transform:scale(1.03)}.add-to-cart-btn svg{width:16px;height:16px}body.modal-open #container{filter:blur(8px) brightness(.7);opacity:.8}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{text-align:center;padding:24px 32px;transform:scale(.95);transition:transform .3s ease;max-width:320px;width:90%}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-thumbnail{width:100%;height:auto;border-radius:12px;margin:16px 0;border:1px solid var(--panel-border);box-shadow:0 4px 16px var(--shadow-color)}.modal-content h3{margin-top:0;font-size:18px}.modal-content p{margin-bottom:24px;font-size:14px;opacity:.8}.confirm-button,.cancel-button{appearance:none;border:none;outline:none;width:100%;padding:12px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,background-color .2s}.confirm-button{background-color:var(--select-hover-bg);color:var(--text-color);margin-bottom:10px}.cancel-button{background-color:transparent;color:var(--text-color);opacity:.7}.confirm-button:hover,.cancel-button:hover{transform:scale(1.03)}.success-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:300;background:var(--panel-bg);color:var(--text-color);padding:20px 30px;border-radius:16px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--panel-border);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.success-notification.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.success-notification .icon{font-size:24px;color:#34c759}body[data-theme=dark] .success-notification .icon{color:#30d158}#ar-controls-wrapper{position:fixed;bottom:24px;right:24px;z-index:201}.ar-control-button{appearance:none;border:none;outline:none;background-color:var(--select-bg);color:var(--text-color);font-weight:600;font-size:14px;padding:12px 16px;border-radius:16px;cursor:pointer;transition:transform .2s,background-color .2s, opacity .3s, visibility .3s;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px var(--shadow-color);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--panel-border)}.ar-control-button:hover{transform:scale(1.05);background-color:var(--select-hover-bg)}.ar-control-button svg{width:20px;height:20px}#ar-instructions{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:201;background:var(--panel-bg);color:var(--text-color);padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--panel-border);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);opacity:0;pointer-events:none;transition:opacity .3s;display:flex;align-items:center;gap:10px}.ar-anim-icon{width:24px;height:24px;display:none;position:relative}.ar-instructions.scanning .ar-anim-icon,.ar-instructions.tapping .ar-anim-icon{display:block}.ar-anim-icon::before{content:'';position:absolute;width:24px;height:24px;top:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5M10.5 1.5L13.5 1.5M10.5 1.5V3.75M13.5 1.5V3.75m0 0H10.5m1.5-1.5a.75.75 0 00-1.5 0' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:0}body[data-theme=dark] .ar-anim-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5M10.5 1.5L13.5 1.5M10.5 1.5V3.75M13.5 1.5V3.75m0 0H10.5m1.5-1.5a.75.75 0 00-1.5 0' /%3E%3C/svg%3E")}
.ar-instructions.scanning .ar-anim-icon::before{animation:scan-anim 2s infinite ease-in-out}@keyframes scan-anim{0%{transform:translateX(-10px);opacity:0}25%{transform:translateX(0);opacity:1}75%{transform:translateX(0);opacity:1}100%{transform:translateX(10px);opacity:0}}
.ar-instructions.tapping .ar-anim-icon::before{content:'';background-image:none;background-color:currentColor;border-radius:50%;animation:tap-anim 1.5s infinite ease-in-out}@keyframes tap-anim{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}.ar-instructions.visible{opacity:1;pointer-events:auto}
#ui{transition:opacity .3s ease,transform .3s ease,visibility .3s ease}#ar-button{display:flex}#exit-ar-button{display:none}#ar-instructions{opacity:0;pointer-events:none}#ar-instructions.visible{opacity:1;pointer-events:auto}body.ar-not-supported #ar-button{display:none}body.ar-mode #ui{opacity:0;transform:translateY(-20px);pointer-events:none;visibility:hidden}body.ar-mode #ar-button{display:none}body.ar-mode #exit-ar-button{display:flex}
.modal-content h3{margin-top:16px;margin-bottom:8px;font-size:18px}#order-summary-content{color:var(--text-color)}.summary-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;border-bottom:1px solid var(--panel-border);padding-bottom:12px}.logo-summary{height:40px;filter:var(--logo-filter)}.summary-header h2{margin:0;font-size:22px}.order-details{font-size:12px;text-align:left;opacity:.7;margin-bottom:16px}.config-table{width:100%;text-align:left;margin-top:12px;font-size:16px;border-collapse:collapse}.config-table td{padding:8px;border-bottom:1px solid var(--panel-border)}.config-table td:first-child{font-weight:600;width:80px}.modal-content .confirm-button{margin-top:24px}
body.pdf-export-mode #order-summary-content{background:#fff!important;color:#1d1d1f!important}body.pdf-export-mode .logo-summary{filter:invert(0)!important}