:root{--vh: 1vh;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #475569;--accent-color: #3b82f6}html,body{min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}@media (max-width: 768px){html,body{overflow-x:hidden;position:relative;width:100%}}.public-order-page{min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);background-color:var(--bg-primary);padding:.75rem;overflow:visible;max-width:1280px;margin:0 auto}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000}.theme-button{background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.theme-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #0000001a}.modern-header{width:100%;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;box-shadow:0 2px 8px -1px #0000001f;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:60px}.header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-title{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.025em}.catalog-badge{background:#ffffff40;padding:.125rem .5rem;border-radius:.75rem;font-size:.625rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.025em}.header-center{flex:1;text-align:center;padding:0 1rem}.welcome-text{font-size:.875rem;opacity:.9;font-weight:400;line-height:1.3}.header-right{flex-shrink:0}.stats-compact{display:flex;align-items:center;gap:.375rem;background:#fff3;padding:.375rem .75rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stat-item{font-size:.75rem;font-weight:600;white-space:nowrap}.stat-divider{opacity:.5;font-weight:700;font-size:.625rem}.customer-info-section{width:100%;margin:0 0 .75rem;background:#fff;padding:1.25rem;border-radius:.75rem;box-shadow:0 2px 4px -1px #0000001a}.customer-info-section h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.customer-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-form input{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:16px;transition:border-color .2s}.customer-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.products-section{width:100%;margin:0 0 1rem;background:#fff;padding:1.25rem;border-radius:.75rem;box-shadow:0 2px 4px -1px #0000001a;overflow:visible;position:relative}.products-section h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.filters-sticky-container{position:sticky;top:0;left:0;right:0;z-index:1000;background:#fffffff2;padding:.75rem 0;margin:0;border-bottom:1px solid var(--border-color, #e2e8f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px -1px #0000001a;width:100%;max-width:100%;border-radius:0;overflow:visible!important;box-sizing:border-box}.search-filter-bar,.category-filters{max-width:100%;overflow-x:auto;overflow-y:hidden}.search-filter-bar::-webkit-scrollbar,.category-filters::-webkit-scrollbar{height:6px}.search-filter-bar::-webkit-scrollbar-thumb,.category-filters::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}[data-theme=dark] .filters-sticky-container{background:#0f172af2}.search-filter-bar{display:flex;gap:1rem;align-items:center;margin-bottom:0}.public-order-page,.products-section{overflow:visible}.search-filter-bar,.category-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.search-container{flex:1;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:var(--text-muted, #64748b);pointer-events:none}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;font-size:1rem;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1e293b);transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;border:none;background:var(--text-muted, #64748b);color:#fff;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.clear-search:hover{background:var(--text-primary, #1e293b)}.mobile-filter-toggle{display:none;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;width:100%}.mobile-filter-toggle svg{width:1rem;height:1rem}.mobile-filter-toggle:hover{border-color:#3b82f6;background:#f8fafc}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{border-color:#3b82f6;background:#f8fafc}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.results-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted, #64748b);justify-content:space-between;width:100%}.results-count{font-weight:500}.search-info{font-style:italic}.products-grid-responsive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.products-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.product-item-horizontal{display:grid;grid-template-columns:120px 1fr 30px 100px 150px;grid-template-rows:auto auto;gap:.75rem;align-items:start;padding:1rem;background:var(--bg-secondary, #ffffff);border-radius:.75rem;border:2px solid var(--border-color, #e2e8f0);transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.mobile-bottom-row{display:contents}.product-item-horizontal:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #0000001a;background:#f8fafc}@media (min-width: 991px){.product-item-horizontal .box-info-cell,.product-item-horizontal .prices-cell,.product-item-horizontal .quantity-cell{align-self:center!important;justify-self:center!important;display:flex;align-items:center;justify-content:center;height:100%}.product-item-horizontal .prices-cell{text-align:center}.product-item-horizontal .quantity-cell .quantity-controls-inline{margin:0 auto}}@media (min-width: 991px){.product-item-horizontal .product-size-label{font-size:.95rem;font-weight:700}.product-item-horizontal .prices-cell .currency-symbol,.product-item-horizontal .prices-cell .price-value,.product-item-horizontal .currency-symbol,.product-item-horizontal .price-value{font-size:1.25rem;line-height:1.2}}@media (min-width: 991px){.product-item-horizontal .box-icon{font-size:1.5rem}.product-item-horizontal .box-count{font-size:1.25rem;line-height:1.2;font-weight:700}}@media (min-width: 1281px){.product-item-horizontal .product-title{font-size:18px;line-height:1.3;height:2.925rem}}.product-image-cell{width:120px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;overflow:visible;padding:8px 0;margin-top:6px;grid-row:1 / span 2;position:relative}.product-size-label{margin:0;font-size:.75rem;font-weight:600;color:#334155;line-height:1;text-align:center}.product-image-cell .product-image{width:120px;height:120px;object-fit:contain;display:block}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:pointer;transition:transform .3s ease;border-radius:.25rem}.product-image:hover{transform:scale(1.1)}.product-image-cell .product-media-buttons{display:flex;gap:4px;justify-content:space-between;width:100%;margin:0;transition:opacity .2s ease;z-index:10}.product-image-cell:hover .product-media-buttons{opacity:1}.product-media-btn{background:none;border:none;padding:0;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;outline:none}.product-media-btn:focus{outline:none}.product-media-btn:hover{transform:scale(1.15)}.product-media-btn:active{transform:scale(.95)}@media screen and (min-width: 1280px){.product-media-btn{width:32px;height:32px}}.product-media-btn svg{width:100%;height:100%;display:block}.product-media-btn.video-btn svg{color:var(--text-primary, #1e293b);filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.product-media-btn.ingredients-btn svg{color:var(--text-primary, #1e293b);filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.product-media-btn:hover svg{filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}.product-info-cell{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:auto;padding-top:6px;grid-column:2 / 6;grid-row:1}.product-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;line-height:1.3;height:2.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.product-description{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.box-info-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-column:2;grid-row:2;min-height:60px}.box-info-content,.box-info-cell .box-row{display:flex;flex-direction:row;align-items:center;gap:.25rem}.box-row{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1}.box-row .box-count{font-weight:600;color:#1e293b}.box-row .box-currency{font-size:.625rem;color:#64748b;font-weight:500}.box-icon{width:24px;height:24px;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#64748b}.box-icon svg{width:100%;height:100%;color:#475569}.box-count{text-align:center;margin-top:0;font-size:1rem;font-weight:600;color:#1e293b;line-height:1;min-height:25px;display:flex!important;align-items:center;justify-content:center}.product-item-horizontal .box-row .box-count{display:flex!important}.pallet-info{display:flex;flex-direction:column;align-items:center;margin-top:.25rem;font-size:.75rem;color:#64748b}.pallet-icon{width:24px;height:24px;font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center}.pallet-icon svg{width:100%;height:100%;color:#475569}.pallet-count{text-align:center;font-size:.625rem;font-weight:500;line-height:1}.box-count{font-size:1.125rem;font-weight:700;color:#1e293b}.pallet-info-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-column:3;grid-row:2;min-width:50px;min-height:60px}.pallet-info-cell .pallet-icon img{width:100%;height:100%;object-fit:contain}.pallet-info-cell .pallet-info-content{display:flex;flex-direction:row;align-items:center;gap:.25rem}.pallet-info-cell .pallet-row{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:0}.pallet-info-cell .pallet-count{font-size:1rem;font-weight:600;color:#1e293b;line-height:1;margin-bottom:0}.pallet-info-cell .pallet-currency{font-size:.625rem;color:#64748b;font-weight:500;line-height:1;min-width:30px;text-align:center}.pallet-info-content{display:flex;flex-direction:row;gap:.25rem;align-items:center}.pallet-row{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1}.pallet-info-content .pallet-row{flex-direction:column}.pallet-row .pallet-count{font-weight:600;color:#1e293b}.pallet-row .pallet-currency{font-size:.625rem;color:#64748b;font-weight:500}.price-row{display:flex;align-items:center;gap:.25rem}.price-currency{font-size:.625rem;color:#64748b;font-weight:500}.prices-cell{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;justify-content:flex-start;min-width:90px;text-align:left;grid-column:4;grid-row:2}.price-row{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:1rem;font-weight:600;line-height:1.3}.currency-symbol{color:#1e293b;font-weight:700;font-size:1rem;min-width:12px}.price-value{color:#1e293b;font-weight:700;font-size:1rem}.quantity-cell{display:flex;justify-content:center;align-items:center;height:100%;grid-column:5;grid-row:2;justify-self:end}.quantity-controls-inline{display:inline-flex;align-items:center;gap:.25rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.75rem;padding:2px;flex-wrap:nowrap;white-space:nowrap}.product-item-horizontal{background:#f8fafc;border:1px solid #cbd5e1}.product-item-horizontal .price-value,.product-item-horizontal .currency-symbol{color:#0f172a}.qty-plus{background:#22c55e;color:#fff}.qty-minus{background:#e2e8f0;color:#0f172a}.qty-display{color:#0f172a}.qty-btn-inline{background:#667eea;color:#fff;border:none;border-radius:.5rem;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:.875rem;line-height:1;padding:0;transition:all .2s}.qty-plus{background:#22c55e}.qty-plus:hover:not(:disabled){background:#16a34a}.qty-minus{background:#cbd5e0}.qty-minus:not(:disabled){background:#ef4444}.qty-minus:hover:not(:disabled){background:#dc2626}.qty-btn-inline:hover:not(:disabled){transform:scale(1.05)}.qty-btn-inline:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.qty-display{min-width:2rem;text-align:center;font-weight:700;font-size:1rem;color:#1e293b}.qty-input{width:42px;text-align:center;font-weight:700;font-size:16px;color:#1e293b;border:1px solid #e2e8f0;border-radius:.5rem;padding:4px 0;background:#fff;transition:all .2s ease;min-width:42px}.qty-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.image-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-popup-container{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.image-popup-close{position:absolute;top:1rem;right:1rem;background:#000;color:#fff;border:2px solid rgba(255,255,255,.9);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;cursor:pointer;z-index:10000;box-shadow:0 2px 8px #0006;transition:transform .2s ease}.image-popup-close:hover{background:#000;transform:scale(1.08)}.image-popup-image{width:100%;height:100%;max-width:80vw;max-height:80vh;object-fit:contain;display:block}.totals-section{width:100%;margin:.5rem 0 0;display:block;padding:0}@media (max-width: 600px){.page-bottom-spacer{height:0!important}.summary-footer{background:#4c1d95!important;padding:0!important;border:none!important;box-shadow:none!important}.summary-footer .totals-card{padding:0!important;margin:0!important;box-shadow:none!important;border:0!important}.mobile-summary-bar{background:transparent!important;padding:0!important}}.summary-footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;margin:0;padding:0;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width: 768px){.summary-footer{position:fixed;bottom:0!important;left:0!important;right:0!important;width:100vw!important;margin:0!important;padding:0!important;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;isolation:isolate}}.summary-footer .summary-bar{margin:0;border-radius:0}.page-bottom-spacer{height:0}.summary-footer{background:transparent}@media (max-width: 600px){.mobile-summary-bar{background:#4c1d95;color:#fff;width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:0;padding:0;display:flex;flex-direction:column;gap:0;box-sizing:border-box;position:relative;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.mobile-summary-bar .msb-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;white-space:nowrap;padding:4px 10px 0}.mobile-summary-bar .msb-label{font-weight:600;opacity:.9}.mobile-summary-bar .msb-toggle{display:inline-flex;gap:8px}.mobile-summary-bar .msb-pill{padding:8px 12px;min-height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:13px;line-height:1.2;font-weight:600;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.mobile-summary-bar .msb-pill.eur{background:#a855f740;border-color:#a855f7a6}.mobile-summary-bar .msb-pill.usd{background:#3b82f640;border-color:#3b82f6a6}.mobile-summary-bar .msb-pill.active{background:#22c55e;border-color:#16a34a;color:#052e12!important;text-shadow:none}.mobile-summary-bar .msb-pill.eur:not(.active):hover{background:#a855f766;border-color:#a855f7cc;transform:scale(1.05)}.mobile-summary-bar .msb-pill.usd:not(.active):hover{background:#3b82f666;border-color:#3b82f6cc;transform:scale(1.05)}.mobile-summary-bar .msb-pill:not(.active):active{transform:scale(.95)}.mobile-summary-bar .msb-pill.active:hover{background:#16a34a;border-color:#15803d}.mobile-summary-bar .msb-totals{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;font-weight:600}.mobile-summary-bar .msb-total{display:inline-flex;gap:6px}.mobile-summary-bar .msb-total.active .amt{font-size:1.1rem;font-weight:800}.mobile-summary-bar .msb-total .amt{font-size:.95rem;font-weight:700}.mobile-summary-bar .msb-total{display:inline-flex;gap:4px}.mobile-summary-bar .msb-total .cur{opacity:.9}.mobile-summary-bar .msb-total .amt{color:#fff}.mobile-summary-bar .msb-row2{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:52px;padding:8px 10px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.mobile-summary-bar .msb-btn{flex:1;min-width:0;min-height:44px;padding:12px 8px;font-size:13px;line-height:1.2;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.mobile-summary-bar .msb-btn-send{background:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important}.mobile-summary-bar .msb-btn-send:disabled{background:#2563ebb3!important;border-color:#1d4ed8b3!important}.mobile-summary-bar .msb-btn:not(:disabled):hover{background:#ffffff26;border-color:#fff6}.mobile-summary-bar .msb-btn:not(:disabled):active{background:#fff3;border-color:#ffffff80;transform:scale(.98)}.mobile-summary-bar .msb-btn-send:not(:disabled):hover{background:#1d4ed8!important;border-color:#1e40af!important}.mobile-summary-bar .msb-btn-send:not(:disabled):active{background:#1e40af!important;border-color:#1e3a8a!important;transform:scale(.98)}.totals-section.summary-footer,.totals-section,.totals-card{padding-left:0!important;padding-right:0!important}.mobile-summary-bar .msb-btn:disabled{opacity:.6}.summary-bar{display:none}.summary-footer{left:0;right:0}.public-order-page .customer-info-section{margin-bottom:90px!important}.summary-footer .modern-header.summary-bar,.summary-footer .modern-header{display:none!important}.page-bottom-spacer{height:70px;padding-bottom:env(safe-area-inset-bottom,0)}}.totals-card{background:transparent;padding:0;margin:0;border-radius:0;box-shadow:none;width:100%;max-width:100%;text-align:left}@media (max-width: 768px){.totals-card,.totals-section{padding:0!important;margin:0!important}}.summary-bar{width:100%;margin:.25rem 0 1rem;padding:.625rem .875rem;min-height:55px;gap:.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;box-sizing:border-box}.summary-bar .header-left,.summary-bar .header-center,.summary-bar .header-right{white-space:nowrap}.summary-bar .brand-title{font-size:1.125rem}.summary-bar .catalog-badge{font-size:.55rem;padding:.1rem .4rem}.summary-bar .header-center{flex:1;min-width:0;padding:0 .5rem;text-align:center}.summary-bar .welcome-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.summary-bar .stats-compact{display:inline-flex;white-space:nowrap;padding:.3rem .6rem;margin-left:auto}.summary-bar .currency-pill.sm{padding:2px 8px;font-size:.8125rem}.summary-actions{display:inline-flex;gap:8px;margin-left:12px}.btn-sm{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid transparent;cursor:pointer}.btn-send,.btn-preview,.btn-download{background:#2563eb;color:#fff;border-color:#1d4ed8;transition:all .2s ease}@media (min-width: 601px){.btn-send:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-preview:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-download:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}}@media (min-width: 601px){.page-bottom-spacer{height:56px!important}.mobile-summary-bar{display:none!important}.summary-bar{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));min-height:56px}.summary-bar .brand-title{margin-right:4px}.summary-bar .catalog-badge{display:none}.summary-bar .header-right{display:contents}.summary-bar .header-left{order:1}.summary-bar .stats-compact{order:2;margin-left:8px}.summary-bar .header-center{order:3;white-space:nowrap}.summary-bar .summary-actions{order:4;margin-left:auto;display:inline-flex;gap:8px}}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.summary-totals-inline{display:inline-flex;gap:16px;align-items:center;color:#e5e7eb;font-weight:600}.summary-totals-inline .total-item{display:inline-flex;gap:6px;white-space:nowrap}.summary-totals-inline .amount{color:#fff}.totals-card h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(2,6,23,.06);padding-bottom:.75rem}.currency-chooser{display:flex;align-items:center;gap:.75rem}.currency-chooser .label{font-weight:600;color:#334155}.currency-pills{display:inline-flex;gap:.5rem;background:#f1f5f9;padding:4px;border-radius:999px}.currency-pill{border:0;background:transparent;padding:6px 12px;border-radius:999px;font-weight:700;color:#334155;cursor:pointer}.currency-pill.active{background:#3b82f6;color:#fff}.currency-pill.sm{padding:4px 10px;font-size:.875rem}.total-amounts.horizontal{flex-direction:row;gap:1rem;flex-wrap:wrap}.total-amounts.horizontal .total-row{background:transparent;border:1px dashed rgba(2,6,23,.08);border-radius:10px;padding:.5rem .75rem}[data-theme=dark] .currency-chooser .label{color:#e2e8f0}[data-theme=dark] .currency-pills{background:#ffffff14}[data-theme=dark] .currency-pill{color:#e2e8f0}[data-theme=dark] .currency-pill.active{background:#4f46e5;color:#fff}.total-amounts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:.5rem;font-size:1.125rem}.total-row .amount{font-weight:700;color:#1e293b}.pdf-buttons{display:flex;gap:12px;margin-top:20px}.preview-pdf-button,.download-pdf-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.preview-pdf-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.download-pdf-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-pdf-button:hover:not(:disabled),.download-pdf-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.preview-pdf-button:disabled,.download-pdf-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.pdf-buttons{flex-direction:column;gap:8px}.products-grid-2col{grid-template-columns:1fr}.products-grid-responsive{grid-template-columns:1fr;gap:.75rem}.totals-section{justify-content:center;padding:0}.category-tabs{flex-wrap:wrap}.search-filter-bar{flex-direction:column;gap:.75rem;align-items:stretch}.search-container{max-width:none}.mobile-filter-toggle{display:flex;justify-content:center}.category-filters{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;padding:1rem;box-shadow:0 10px 25px -5px #0000001a;z-index:200;flex-direction:column;gap:.5rem}.category-filters.show{display:flex}.filter-tab{text-align:center;padding:.75rem}.header-content{flex-direction:column;text-align:center;gap:.75rem}.header-stats{align-items:center}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{width:3rem;height:3rem;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{background:#667eea;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s}.retry-button:hover{background:#5a67d8}[data-theme=dark] .public-order-page{background-color:#0f172a;color:#e2e8f0}[data-theme=dark] .theme-button{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .customer-info-section,[data-theme=dark] .products-section,[data-theme=dark] .totals-card{background:#1e293b;color:#e2e8f0}[data-theme=dark] .customer-info-section h3,[data-theme=dark] .products-section h3,[data-theme=dark] .totals-card h3{color:#f1f5f9}[data-theme=dark] .customer-form input{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .customer-form input:focus{border-color:#667eea;background:#334155}[data-theme=dark] .product-item-horizontal{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .product-item-horizontal:hover{border-color:#818cf8;background:#334155}[data-theme=dark] .filters-sticky-container{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #334155)}[data-theme=dark] .search-input{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .search-input:focus{border-color:#3b82f6;background:var(--bg-secondary, #1e293b)}[data-theme=dark] .filter-tab{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .filter-tab:hover{border-color:#3b82f6;background:#334155}[data-theme=dark] .filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=dark] .mobile-filter-toggle{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .mobile-filter-toggle:hover{border-color:#3b82f6;background:#334155}[data-theme=dark] .category-filters{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #334155)}[data-theme=dark] .modern-header{background:linear-gradient(135deg,#4c1d95,#581c87)}[data-theme=dark] .catalog-badge{background:#ffffff26}[data-theme=dark] .stats-compact{background:#ffffff1a}[data-theme=dark] .product-image-cell{background:transparent;border:none}[data-theme=dark] .product-size-label{color:#cbd5e1}[data-theme=dark] .pallet-info{color:#94a3b8}[data-theme=dark] .pallet-count{color:#cbd5e1}[data-theme=dark] .box-icon svg{color:#e2e8f0}[data-theme=dark] .pallet-icon svg{color:#e2e8f0}[data-theme=dark] .pallet-info-cell .pallet-icon{color:#94a3b8}[data-theme=dark] .pallet-info-cell .pallet-count{color:#f1f5f9}[data-theme=dark] .pallet-info-cell .pallet-label{color:#94a3b8}[data-theme=dark] .pallet-row .pallet-count{color:#f1f5f9!important}[data-theme=dark] .pallet-row .pallet-currency{color:#94a3b8}[data-theme=dark] .box-row .box-count{color:#f1f5f9!important}[data-theme=dark] .box-row .box-currency,[data-theme=dark] .price-currency{color:#94a3b8}[data-theme=dark] .product-title{color:#f1f5f9}[data-theme=dark] .product-item-horizontal .product-title,[data-theme=dark] .product-item-horizontal .product-description,[data-theme=dark] .product-item-horizontal .currency-symbol,[data-theme=dark] .product-item-horizontal .price-value,[data-theme=dark] .product-item-horizontal .box-count,[data-theme=dark] .product-item-horizontal .product-size-label{color:#fff!important}.box-info-cell,.pallet-info-cell,.prices-cell,.quantity-cell{align-self:center;justify-self:center}.box-info-cell,.pallet-info-cell{justify-content:center!important}.prices-cell,.quantity-cell{align-items:center!important;justify-content:center!important}[data-theme=dark] .product-description{color:#94a3b8}[data-theme=dark] .box-count{color:#f1f5f9}[data-theme=dark] .currency-symbol,[data-theme=dark] .price-value{color:#fff}[data-theme=dark] .quantity-controls-inline{background:#334155;border-color:#475569}.mobile-bottom-row .box-info-cell,.mobile-bottom-row .pallet-info-cell{min-height:65px!important;height:65px!important;justify-content:space-between!important}@media (max-width: 990px){[data-theme=dark] .mobile-bottom-row .quantity-controls-inline{background:#334155!important;border-color:#475569!important}}[data-theme=dark] .qty-minus{background:#475569;color:#e2e8f0}[data-theme=dark] .qty-minus:not(:disabled){background:#ef4444;color:#fff}[data-theme=dark] .qty-plus{background:#22c55e;color:#fff}[data-theme=dark] .qty-display{color:#f1f5f9}[data-theme=dark] .qty-input{background:#334155;border-color:#475569;color:#f1f5f9}[data-theme=dark] .qty-input:focus{border-color:#3b82f6;background:#334155}[data-theme=dark] .image-popup-container{background:#1e293b}[data-theme=dark] .image-popup-close{background:#000;color:#fff;border-color:#ffffffe6}[data-theme=dark] .image-popup-close:hover{background:#000}[data-theme=dark] .total-row{background:#334155;color:#e2e8f0}[data-theme=dark] .total-row .amount{color:#fff}@media screen and (max-width: 1280px){.product-item-horizontal{grid-template-columns:80px 1fr 40px 40px 150px}.product-item-horizontal .product-image-cell{width:80px;height:120px;padding:5px}.product-item-horizontal .product-title{font-size:11px}.product-item-horizontal .box-icon{font-size:1.2rem}.product-item-horizontal .box-count{font-size:11px}.product-item-horizontal .product-description{font-size:9px}.currency-symbol,.price-value{font-size:11px}.prices-cell{min-width:40px}}@media screen and (max-width: 990px){.products-grid-2col{grid-template-columns:1fr}}@media (max-width: 600px){.modern-header{flex-direction:column;gap:.75rem;padding:.75rem 1rem;text-align:center;min-height:auto}.public-order-page{padding:.5rem}.products-section{padding:.75rem}.header-left{justify-content:center;gap:.5rem}.brand-title{font-size:1.25rem}.catalog-badge{font-size:.5rem;padding:.125rem .375rem}.header-center{padding:0}.welcome-text{font-size:.75rem;line-height:1.2}.stats-compact{justify-content:center;padding:.25rem .5rem;gap:.25rem}.stat-item{font-size:.625rem}.stat-divider{font-size:.5rem}.header-content .company-logo h1{font-size:1.5rem}.product-item-horizontal{grid-template-columns:110px 1fr;grid-template-rows:auto auto;align-items:start;border:1px solid var(--border-color, #e2e8f0)}.product-image-cell{grid-column:1;grid-row:1 / span 2;width:110px;height:120px;padding:8px 0;justify-content:space-evenly;margin-top:0}.product-info-cell{grid-column:2 / -1;grid-row:1;align-self:start;margin-top:0}.product-image-cell .product-media-buttons{margin-top:8px}.mobile-bottom-row{grid-column:2;grid-row:2;display:flex!important;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem;width:100%;height:53px}.mobile-bottom-row .box-info-cell,.mobile-bottom-row .pallet-info-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:50px;height:53px;flex-shrink:0}.mobile-bottom-row .prices-cell{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;margin:0;height:53px;flex:1}.mobile-bottom-row .quantity-cell{display:flex;align-items:center;justify-content:center;width:90px;height:100%;min-height:53px;flex-shrink:0}.mobile-bottom-row .box-icon{font-size:.9rem!important;display:block!important;color:#334155!important}.mobile-bottom-row .box-count{font-size:.75rem!important;font-weight:600!important;display:block!important;color:#334155!important}.mobile-bottom-row .pallet-icon{font-size:.9rem!important;display:block!important;color:#64748b!important}.mobile-bottom-row .pallet-count{font-size:.75rem!important;font-weight:600!important;display:block!important;color:#334155!important}.mobile-bottom-row .pallet-label{font-size:.5rem!important;color:#64748b!important;display:block!important;line-height:1}.mobile-bottom-row .price-row{display:flex!important;align-items:center!important;gap:.1rem!important;margin:0!important;white-space:nowrap;justify-content:center}.mobile-bottom-row .currency-symbol,.mobile-bottom-row .price-value{display:inline!important;color:#334155!important;font-size:.7rem!important;font-weight:600!important}.mobile-bottom-row .quantity-controls-inline{display:flex!important;align-items:center!important;gap:.15rem!important;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.25rem;padding:.1rem;width:100px;height:32px}.mobile-bottom-row .qty-btn-inline{display:block!important;width:1.2rem!important;height:1.2rem!important;font-size:.65rem!important;padding:0!important;flex-shrink:0}.mobile-bottom-row .qty-input{display:block!important;width:2rem!important;font-size:.65rem!important;text-align:center!important;border:none!important;background:transparent!important;padding:0!important;min-width:2rem}.prices-cell .price-row,.prices-cell .currency-symbol,.prices-cell .price-value{font-size:1rem;font-weight:600}.product-title{font-size:.9rem;line-height:1.2;height:2.16rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding-right:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-content .company-logo p{font-size:.75rem}.product-count{font-size:.875rem}.currency-info{font-size:.625rem}.results-info{display:none!important}.customer-form{grid-template-columns:1fr}.quantity-cell{justify-self:end}.quantity-controls-inline{flex-direction:row;align-items:center;gap:.25rem;padding:.125rem;width:max-content}.prices-cell{margin-right:16px!important;align-items:flex-start;min-width:0;width:auto}.box-info-cell{margin-right:16px!important}.quantity-cell{margin-left:10px}.products-grid-2col{grid-template-columns:1fr;gap:.5rem}.products-grid-2col .prices-cell{margin-right:8px;align-items:flex-start}.products-grid-2col .box-info-cell{margin-right:8px}.products-grid-2col .quantity-cell{padding-left:6px}.products-grid-responsive{grid-template-columns:1fr;gap:.5rem}.filters-sticky-container{padding:.75rem 0}.search-input{font-size:16px;padding:.625rem .625rem .625rem 2.25rem}.search-icon{width:1rem;height:1rem;left:.625rem}.product-item-horizontal{grid-template-columns:70px 1fr 50px 40px auto;gap:.5rem;padding:.75rem;border-radius:.5rem}.product-image-cell{width:70px;height:70px;padding:.25rem}.product-title{font-size:.875rem}.product-description{font-size:.75rem}.box-icon{font-size:1.25rem}.box-count{font-size:1rem}.price-row{font-size:.875rem;gap:.25rem}.qty-btn-inline{width:1.5rem;height:1.5rem;font-size:.75rem}.quantity-controls-inline{gap:.25rem;padding:.125rem}.qty-input{width:3rem;font-size:.875rem;padding:.125rem;min-width:3rem}.qty-display{font-size:.875rem;min-width:1.5rem}.total-amounts{gap:.5rem}.total-row{font-size:1rem;padding:.5rem .75rem}.preview-pdf-button,.download-pdf-button{padding:.875rem 1.5rem;font-size:.875rem;min-width:180px}.totals-section{justify-content:center;padding:0 1rem}.totals-card{max-width:100%}.product-item-horizontal .product-title{font-size:11px}.product-item-horizontal .box-icon{font-size:1.2rem}.prices-cell,.box-info-cell{margin-right:12px!important}.product-item-horizontal .box-count,.currency-symbol,.price-value{font-size:11px}.prices-cell{min-width:40px}.product-item-horizontal .product-description{font-size:9px}.product-item-horizontal{grid-template-columns:65px 1fr 40px 40px auto}.product-item-horizontal .product-image-cell{width:65px;height:65px;padding:2.5px}.product-item-horizontal .product-image-cell .quantity-controls-inline{box-shadow:0 0 0 1px #ffffff0f inset}.product-item-horizontal .product-image-cell .product-item-horizontal .quantity-cell .quantity-controls-inline{margin-right:0}.product-item-horizontal .product-image-cell .prices-cell,.product-item-horizontal .product-image-cell .box-info-cell{margin-right:6px}.product-item-horizontal .product-image-cell .product-item-horizontal{overflow:hidden}}@media (max-width: 480px){.products-grid-2col{grid-template-columns:1fr}.products-grid-responsive{grid-template-columns:1fr;gap:.5rem}.product-item-horizontal{grid-template-columns:120px 1fr;grid-template-rows:auto auto;gap:.375rem;text-align:left;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);align-items:start}.mobile-bottom-row{display:flex!important;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;height:53px}.product-image-cell{justify-self:center;width:120px;height:130px;padding:8px 0;justify-content:space-evenly;margin-top:0;grid-column:1;grid-row:1 / span 3}.product-image-cell .product-media-buttons{margin-top:8px}.product-info-cell{text-align:left;grid-column:2 / -1;grid-row:1}.mobile-bottom-row .quantity-cell{display:flex;align-items:center;justify-content:center;width:90px;height:100%;min-height:53px;flex-shrink:0}.quantity-controls-inline{min-width:0;width:max-content}.product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;font-size:.85rem;height:2.04rem;margin:0;padding-right:.5rem}.product-description{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.quantity-cell{justify-self:end;justify-content:flex-end}.total-row{font-size:.875rem;padding:.5rem}.preview-pdf-button,.download-pdf-button{padding:.75rem 1.25rem;font-size:.8rem;min-width:160px}.totals-section{justify-content:center}.totals-card{padding:1.5rem}.product-item-horizontal .product-title{font-size:11px}.product-item-horizontal .box-icon{font-size:1.2rem}.product-item-horizontal .box-count{font-size:11px}.product-item-horizontal .product-description{font-size:9px}.currency-symbol,.price-value{font-size:11px}.prices-cell{min-width:40px}.product-item-horizontal{grid-template-columns:100px 1fr;grid-template-rows:auto auto;padding:5px;border:1px solid var(--border-color, #e2e8f0)}.mobile-bottom-row{display:flex!important;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.4rem;height:53px}.product-item-horizontal .product-image-cell{width:100px;height:150px;padding:8px 0;justify-content:space-evenly;margin-top:0;grid-column:1;grid-row:1 / span 3}.product-image-cell .product-media-buttons{margin-top:10px}.product-info-cell{grid-column:2 / -1;grid-row:1}.mobile-bottom-row .box-info-cell,.mobile-bottom-row .pallet-info-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;flex-shrink:0}.mobile-bottom-row .prices-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.1rem}.mobile-bottom-row .quantity-cell{display:flex;align-items:center;justify-content:center;width:90px;flex-shrink:0}.products-section{padding:.5rem}.pallet-info-cell .pallet-info-content{gap:0}}@media screen and (max-width: 450px){.product-item-horizontal .product-title{font-size:.75rem;line-height:1.2;height:1.8rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding-right:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-item-horizontal .box-icon{font-size:1rem}.prices-cell,.box-info-cell{margin-right:4px}.product-item-horizontal .box-count{font-size:.75rem}.product-item-horizontal .product-description{font-size:.625rem;line-height:1.2}.product-item-horizontal{grid-template-columns:90px 1fr;grid-template-rows:auto auto;padding:.375rem;gap:.25rem;border:1px solid var(--border-color, #e2e8f0)}.mobile-bottom-row{display:flex!important;align-items:center;justify-content:space-between;gap:.3rem;margin-top:.3rem;height:53px}.product-item-horizontal .product-image-cell{width:90px;height:150px;padding:8px 0;justify-content:space-evenly;margin-top:0;grid-column:1;grid-row:1 / span 3}.product-image-cell .product-media-buttons{margin-top:10px}.product-info-cell{grid-column:2 / -1;grid-row:1}.mobile-bottom-row .box-info-cell,.mobile-bottom-row .pallet-info-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;flex-shrink:0}.mobile-bottom-row .prices-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.1rem}.mobile-bottom-row .quantity-cell{display:flex;align-items:center;justify-content:center;width:105px;flex-shrink:0}.qty-btn-inline{width:1.25rem;height:1.25rem;font-size:.625rem}.qty-input{width:2.25rem;font-size:.75rem;padding:.125rem;min-width:2.25rem}.quantity-controls-inline{gap:.125rem;padding:.125rem}.currency-symbol,.price-value{font-size:10px}.prices-cell{min-width:30px}}@media screen and (max-width: 425px){.product-item-horizontal .product-image-cell{width:60px;height:120px;padding:8px 0;justify-content:space-evenly;margin-top:0}.product-image-cell .product-media-buttons{margin-top:6px}.product-item-horizontal{grid-template-columns:65px 1fr}.pallet-count{color:#f1f5f9!important}.mobile-bottom-row{gap:.2rem!important}.product-image-cell .product-image{background:#fff;width:100%;height:100%;padding:5px}.mobile-bottom-row .prices-cell,.mobile-bottom-row .box-info-cell,.mobile-bottom-row .pallet-info-cell{margin:0!important}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1f2937;line-height:1.6}.customer-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:1rem}.password-gate{width:100%;max-width:450px}.password-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;overflow:hidden}.password-header{background:linear-gradient(135deg,#1e293b,#334155);color:var(--text-primary);padding:2rem;text-align:center}.company-logo h1{font-size:1.875rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.025em;color:var(--text-primary)}.company-logo p{font-size:.875rem;opacity:.9;margin:0;font-weight:400;color:var(--text-secondary)}.password-content{padding:2rem}.customer-info{text-align:center;margin-bottom:2rem}.customer-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.customer-name{font-size:1.125rem;font-weight:500;color:#3b82f6;margin:0 0 1rem;text-transform:capitalize}.access-instruction{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.password-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff}.password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.access-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.access-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.access-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem}.password-footer{background-color:#f8fafc;padding:1rem 2rem;text-align:center;border-top:1px solid #e2e8f0}.password-footer p{font-size:.75rem;color:#64748b;margin:0}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.order-container{min-height:100vh;background-color:#f8fafc}.order-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-brand h1{font-size:1.5rem;font-weight:700;margin:0}.header-brand p{font-size:.875rem;opacity:.9;margin:0}.customer-info-header{text-align:right}.customer-info-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.currency-info{font-size:.875rem;opacity:.9;margin:0}.order-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.order-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.order-table-container{overflow-x:auto}.order-table{width:100%;border-collapse:collapse;font-size:.875rem}.order-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0}.order-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.order-table tr:hover{background-color:#f8fafc}.product-image{width:100%;height:100%;object-fit:cover;border-radius:.375rem;border:none}.product-placeholder{width:60px;height:60px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.75rem;text-align:center;border:2px solid #e2e8f0}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:600;color:#1e293b;margin:0}.product-size{font-size:.75rem;color:#64748b;margin:0}.quantity-input{width:80px;padding:.5rem;border:2px solid #e2e8f0;border-radius:.375rem;text-align:center;font-size:.875rem;transition:all .2s ease}.quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.price-cell{font-weight:500;color:#1e293b}.line-total{font-weight:600;color:#059669}.order-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem 2rem;border-top:2px solid #e2e8f0}.summary-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.grand-total{display:flex;align-items:center;gap:1rem}.total-label{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.total-amount{font-size:1.5rem;font-weight:700;color:#059669;margin:0}.download-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:#64748b}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#dc2626;text-align:center}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-row{display:flex;align-items:center;padding:1rem;gap:1rem}.skeleton-image{width:60px;height:60px;border-radius:.375rem}.skeleton-text{height:1rem;border-radius:.25rem}.skeleton-text.large{height:1.25rem}.skeleton-text.small{height:.75rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#3b82f6;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}@media (prefers-contrast: high){.order-table th,.order-table td,.password-input,.quantity-input{border:2px solid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none}}.order-table tr{transition:all .2s ease}.order-table tr:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.product-image{transition:all .3s ease}.product-image:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.quantity-input{transition:all .2s ease}.quantity-input:hover:not(:disabled){border-color:#94a3b8;box-shadow:0 2px 4px #0000000d}.quantity-input:focus{transform:scale(1.02)}.order-card{transition:all .3s ease}.order-card:hover{box-shadow:0 8px 25px -5px #0000001a}.password-card{transition:all .3s ease}.password-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.access-btn,.download-btn{position:relative;overflow:hidden}.access-btn:before,.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.access-btn:hover:before,.download-btn:hover:before{left:100%}.total-amount{animation:subtle-pulse 2s infinite}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}input,button,select,textarea{transition:all .2s ease}.loading-state{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-message{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media print{*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.order-container{background:#fff!important}.order-header{background:#fff!important;color:#000!important;border-bottom:2px solid #000;page-break-inside:avoid}.order-content{padding:0}.order-card{box-shadow:none!important;border:1px solid #000}.order-table{border-collapse:collapse;width:100%}.order-table th,.order-table td{border:1px solid #000!important;padding:8pt;background:#fff!important}.order-table th{background:#f0f0f0!important;font-weight:700}.product-image{max-width:100%;max-height:100%}.download-btn:not([style*="display: block"]),.access-btn:not([style*="display: block"]){display:none!important}.totals-section button,.totals-card button{display:block!important;visibility:visible!important;opacity:1!important}.order-summary{background:#fff!important;border-top:2px solid #000;page-break-inside:avoid}.grand-total{font-size:14pt;font-weight:700}.quantity-input{border:none!important;background:transparent!important;font-weight:700}.spinner,.loading-state,.error-state{display:none!important}.order-header{page-break-after:avoid}.order-table thead{display:table-header-group}.order-table tbody tr{page-break-inside:avoid}.order-summary{page-break-before:avoid}}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #475569;--accent-color: #3b82f6}body{background-color:var(--bg-primary);color:var(--text-primary)}.customer-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.password-card,.order-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.password-header,.order-header{background:linear-gradient(135deg,#1e293b,#334155);color:var(--text-primary)}.company-logo h1{color:var(--text-primary)}.company-logo p{color:var(--text-secondary);opacity:.9}.customer-info h2{color:var(--text-primary)}.customer-name{color:#60a5fa}.access-instruction{color:var(--text-muted)}.form-group label{color:var(--text-secondary)}.password-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.password-input:focus{border-color:var(--accent-color);background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f633}.password-input::placeholder{color:var(--text-muted)}.access-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.access-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.access-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted)}.order-table th{background:linear-gradient(135deg,#1e293b,#334155);color:var(--text-primary)}.order-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.order-table tr:hover{background-color:var(--bg-tertiary)}.password-input,.quantity-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.password-input::placeholder,.quantity-input::placeholder{color:var(--text-muted)}.order-summary{background:linear-gradient(135deg,#374151,#4b5563)}.product-placeholder{background:linear-gradient(135deg,#4b5563,#6b7280);color:var(--text-muted)}.error-message{background-color:#7f1d1d;border-color:#dc2626;color:#fca5a5}.password-footer{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-muted)}}.password-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 2rem;text-align:center;font-size:.75rem;color:#64748b}.theme-toggle{position:fixed;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.theme-toggle:hover{background:#fff3;transform:scale(1.1)}.theme-toggle svg{width:20px;height:20px;color:#fff}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #475569;--accent-color: #3b82f6}[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .customer-container{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .password-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=dark] .password-header{background:linear-gradient(135deg,#1e293b,#334155);color:var(--text-primary)}[data-theme=dark] .company-logo h1{color:var(--text-primary)}[data-theme=dark] .company-logo p{color:var(--text-secondary);opacity:.9}[data-theme=dark] .customer-info h2{color:var(--text-primary)}[data-theme=dark] .customer-name{color:#60a5fa}[data-theme=dark] .access-instruction{color:var(--text-muted)}[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .password-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .password-input:focus{border-color:var(--accent-color);background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .password-input::placeholder{color:var(--text-muted)}[data-theme=dark] .access-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}[data-theme=dark] .access-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}[data-theme=dark] .access-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted)}[data-theme=dark] .password-footer{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-muted)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1f2937;--text-secondary: #374151;--text-muted: #64748b;--border-color: #e2e8f0;--accent-color: #3b82f6}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.customer-info-header{text-align:center}.order-content{padding:1rem}.order-table{font-size:.75rem}.order-table th,.order-table td{padding:.5rem}.product-image,.product-placeholder{width:100%;height:100%}.quantity-input{width:60px}.summary-content{flex-direction:column;align-items:stretch;text-align:center}.grand-total{justify-content:center}}@media (max-width: 400px){.mobile-bottom-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;height:53px;margin-top:.25rem!important}.mobile-bottom-row .box-info-cell{width:50px;min-width:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-bottom-row .pallet-info-cell{width:40px;min-width:40px;max-width:40px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-bottom-row .prices-cell{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-bottom-row .quantity-cell{min-width:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-bottom-row .price-row{margin:0!important}.mobile-bottom-row .currency-symbol,.mobile-bottom-row .price-value{font-size:.8rem!important;line-height:1.2}.mobile-bottom-row .quantity-controls-inline{padding:.1rem;gap:.2rem!important}}@media (max-width: 600px){.mobile-bottom-row .quantity-controls-inline{width:auto!important;min-width:0!important;padding:.125rem .25rem!important;justify-content:space-between!important}.mobile-bottom-row .qty-display{min-width:1.25rem!important;text-align:center}.quantity-cell{margin-left:0!important;padding-left:0!important}}.modern-notification-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:.75rem;max-width:min(90vw,420px);width:100%}.modern-notification{pointer-events:auto;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:notificationSlideIn .4s cubic-bezier(.16,1,.3,1);transform-origin:center}[data-theme=dark] .modern-notification{background:#0f172af2;border:1px solid rgba(148,163,184,.2);color:#e2e8f0}.notification-content{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;position:relative}.notification-icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.modern-notification-success .notification-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.modern-notification-error .notification-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.modern-notification-warning .notification-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.modern-notification-info .notification-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.notification-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:1rem;line-height:1.4;margin-bottom:.25rem;color:#1f2937}[data-theme=dark] .notification-title{color:#f9fafb}.notification-message{font-size:.875rem;line-height:1.5;color:#6b7280;word-wrap:break-word}[data-theme=dark] .notification-message{color:#d1d5db}.notification-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.375rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.notification-close:hover{background:#0000000d;color:#374151;transform:scale(1.1)}[data-theme=dark] .notification-close{color:#6b7280}[data-theme=dark] .notification-close:hover{background:#ffffff1a;color:#d1d5db}@keyframes notificationSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 640px){.modern-notification-container{max-width:calc(100vw - 2rem);top:20%}.notification-content{padding:1rem;gap:.75rem}.notification-icon-wrapper{width:36px;height:36px}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.modern-notification{animation:none}.notification-close{transition:none}}@media (prefers-contrast: high){.modern-notification{border:2px solid}.modern-notification-success{border-color:#059669}.modern-notification-error{border-color:#dc2626}.modern-notification-warning{border-color:#d97706}.modern-notification-info{border-color:#2563eb}}.public-order-page .page-bottom-spacer{height:64px!important;padding-bottom:env(safe-area-inset-bottom,0)!important}@media (max-width: 600px){.public-order-page .page-bottom-spacer{height:64px!important;padding-bottom:env(safe-area-inset-bottom,0)!important}}.video-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.video-modal-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.video-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:absolute;top:10px;right:10px;z-index:10}.video-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.video-modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease;color:#64748b}.video-modal-close:hover{background:#e2e8f0;color:#1e293b}.video-modal-close svg{width:20px;height:20px}.video-modal-content{padding:0;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.video-iframe{width:100%;height:100%;min-height:400px;max-height:calc(90vh - 80px);aspect-ratio:16 / 9}.video-player{width:100%;height:100%;min-height:400px;max-height:calc(90vh - 80px);max-width:100%;outline:none;background:#000}.video-error{padding:2rem;text-align:center;color:#fff}.video-error p{margin:0 0 1rem;font-size:1rem}.video-link{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s ease}.video-link:hover{background:#2563eb}@media (max-width: 768px){.video-modal-container{max-width:100%;max-height:100vh;border-radius:0}.video-iframe,.video-player{min-height:250px}}.ingredients-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.ingredients-modal-container{background:var(--bg-secondary, #f8fafc);border-radius:16px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-color, #e2e8f0)}.ingredients-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-tertiary, #f1f5f9)}.ingredients-modal-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #1e293b);letter-spacing:-.01em;line-height:1.3}.ingredients-modal-close{background:transparent;border:none;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;color:var(--text-muted, #64748b)}.ingredients-modal-close svg{width:18px;height:18px}.ingredients-modal-close:hover{background:var(--bg-primary, rgba(0, 0, 0, .05));color:var(--text-primary, #1e293b);transform:scale(1.15)}.ingredients-modal-close:active{transform:scale(.95)}.ingredients-modal-content{padding:2rem;overflow-y:auto;flex:1;background:var(--bg-primary, white)}.ingredients-modal-content::-webkit-scrollbar{width:8px}.ingredients-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f8fafc);border-radius:4px}.ingredients-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:4px}.ingredients-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94a3b8)}.ingredients-html-content{font-size:1rem;line-height:1.8;color:var(--text-primary, #1e293b)}.ingredients-html-content h1,.ingredients-html-content h2,.ingredients-html-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:var(--text-primary, #1e293b)}.ingredients-html-content h1{font-size:1.75rem}.ingredients-html-content h2{font-size:1.5rem}.ingredients-html-content h3{font-size:1.25rem}.ingredients-html-content p{margin:.75rem 0}.ingredients-html-content ul,.ingredients-html-content ol{margin:.75rem 0;padding-left:1.5rem}.ingredients-html-content li{margin:.5rem 0}.ingredients-html-content strong{font-weight:600;color:var(--text-primary, #1e293b)}.ingredients-html-content em{font-style:italic}.ingredients-html-content u{text-decoration:underline}@media (max-width: 990px){.ingredients-modal-backdrop{padding:.75rem}.ingredients-modal-container{max-width:100%;max-height:90vh;border-radius:12px}.ingredients-modal-header{padding:1.25rem 1.5rem}.ingredients-modal-header h3{font-size:1.125rem}.ingredients-modal-content{padding:1.5rem}.ingredients-html-content{font-size:.9375rem}.ingredients-html-content h1{font-size:1.5rem}.ingredients-html-content h2{font-size:1.25rem}.ingredients-html-content h3{font-size:1.125rem}}@media (max-width: 640px){.ingredients-modal-backdrop{padding:.5rem}.ingredients-modal-container{max-height:92vh;border-radius:10px}.ingredients-modal-header{padding:1rem 1.25rem}.ingredients-modal-header h3{font-size:1rem}.ingredients-modal-content{padding:1.25rem}.ingredients-html-content{font-size:.875rem}.ingredients-html-content h1{font-size:1.25rem}.ingredients-html-content h2{font-size:1.125rem}.ingredients-html-content h3{font-size:1rem}}[data-theme=dark] .ingredients-modal-backdrop{background:#000000d9}[data-theme=dark] .ingredients-modal-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #475569);box-shadow:0 25px 50px -12px #000c}[data-theme=dark] .ingredients-modal-header{background:var(--bg-tertiary, #334155);border-bottom-color:var(--border-color, #475569)}[data-theme=dark] .ingredients-modal-header h3{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .ingredients-modal-close{color:var(--text-muted, #94a3b8)}[data-theme=dark] .ingredients-modal-close:hover{background:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .ingredients-modal-content{background:var(--bg-primary, #0f172a)}[data-theme=dark] .ingredients-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b)}[data-theme=dark] .ingredients-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #475569)}[data-theme=dark] .ingredients-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #64748b)}[data-theme=dark] .ingredients-html-content,[data-theme=dark] .ingredients-html-content h1,[data-theme=dark] .ingredients-html-content h2,[data-theme=dark] .ingredients-html-content h3{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .ingredients-html-content strong{color:var(--text-secondary, #e2e8f0)}@media (prefers-color-scheme: dark){.ingredients-modal-backdrop{background:#000000d9}.ingredients-modal-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #475569);box-shadow:0 25px 50px -12px #000c}.ingredients-modal-header{background:var(--bg-tertiary, #334155);border-bottom-color:var(--border-color, #475569)}.ingredients-modal-header h3{color:var(--text-primary, #f1f5f9)}.ingredients-modal-close{color:var(--text-muted, #94a3b8)}.ingredients-modal-close:hover{background:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9)}.ingredients-modal-content{background:var(--bg-primary, #0f172a)}.ingredients-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b)}.ingredients-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #475569)}.ingredients-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #64748b)}.ingredients-html-content,.ingredients-html-content h1,.ingredients-html-content h2,.ingredients-html-content h3{color:var(--text-primary, #f1f5f9)}.ingredients-html-content strong{color:var(--text-secondary, #e2e8f0)}}.send-confirm-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.send-confirm-modal-container{background:var(--bg-secondary, #f8fafc);border-radius:12px;width:100%;max-width:360px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-color, #e2e8f0)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.send-confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}.send-confirm-modal-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #f1f5f9);letter-spacing:-.01em}.send-confirm-modal-close{background:transparent;border:none;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;color:#ffffff80}.send-confirm-modal-close svg{width:18px;height:18px}.send-confirm-modal-close:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6;transform:scale(1.1)}.send-confirm-modal-close:active:not(:disabled){transform:scale(.95)}.send-confirm-modal-close:disabled{opacity:.5;cursor:not-allowed}.send-confirm-modal-content{padding:1rem;background:transparent}.send-confirm-summary-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.875rem;font-size:.875rem;color:var(--text-primary, #e2e8f0)}.send-confirm-summary-item{font-weight:500}.send-confirm-summary-divider{opacity:.5}.send-confirm-message-compact{text-align:center;margin-bottom:.875rem;font-size:.875rem;color:var(--text-secondary, #94a3b8)}.send-confirm-turnstile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0;min-height:65px;width:100%;max-width:100%}.send-confirm-turnstile-error{margin-top:.5rem;font-size:.85rem;color:#ef4444;text-align:center}.send-confirm-actions{display:flex;gap:.625rem;justify-content:center;flex-direction:row;margin-top:1rem}.send-confirm-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:100px;flex:1;max-width:140px}.send-confirm-btn-cancel{background:var(--bg-secondary, #e2e8f0);color:var(--text-primary, #1e293b)}.send-confirm-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary, #cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.send-confirm-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.send-confirm-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.send-confirm-btn:active:not(:disabled){transform:translateY(0)}.send-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.send-confirm-btn-icon{font-size:1.125rem}.send-confirm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 990px){.send-confirm-modal-backdrop{padding:.75rem}.send-confirm-modal-container{max-width:90%}.send-confirm-modal-header{padding:1rem 1.25rem}.send-confirm-modal-header h3{font-size:1.125rem}.send-confirm-modal-content{padding:1rem}.send-confirm-summary-inline,.send-confirm-message-compact{font-size:.9rem}.send-confirm-btn{padding:.75rem 1.5rem;font-size:.9375rem}}@media (max-width: 640px){.send-confirm-modal-backdrop{padding:.5rem}.send-confirm-modal-container{max-width:340px;border-radius:12px}.send-confirm-modal-header{padding:1rem 1.25rem}.send-confirm-modal-header h3{font-size:1.125rem}.send-confirm-modal-content{padding:1rem}.send-confirm-summary-inline{flex-direction:column;gap:.25rem;font-size:.875rem}.send-confirm-summary-divider{display:none}.send-confirm-message-compact{font-size:.875rem}.send-confirm-actions{flex-direction:row;gap:.5rem;margin-top:1rem}.send-confirm-btn{flex:1;padding:.875rem 1rem;font-size:.9rem;max-width:none}}[data-theme=dark] .send-confirm-modal-backdrop{background:#000000d9}[data-theme=dark] .send-confirm-modal-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #475569);box-shadow:0 25px 50px -12px #000c}[data-theme=dark] .send-confirm-modal-header{background:var(--bg-tertiary, #334155);border-bottom-color:var(--border-color, #475569)}[data-theme=dark] .send-confirm-modal-header h3{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .send-confirm-modal-close{color:var(--text-muted, #94a3b8)}[data-theme=dark] .send-confirm-modal-close:hover:not(:disabled){background:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .send-confirm-modal-content{background:var(--bg-primary, #0f172a)}[data-theme=dark] .send-confirm-summary-inline{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .send-confirm-message-compact{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .send-confirm-turnstile-error{color:#f87171}[data-theme=dark] .send-confirm-btn-cancel{background:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .send-confirm-btn-cancel:hover:not(:disabled){background:var(--bg-secondary, #475569)}@media (prefers-color-scheme: dark){.send-confirm-modal-backdrop{background:#000000d9}.send-confirm-modal-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #475569);box-shadow:0 25px 50px -12px #000c}.send-confirm-modal-header{background:var(--bg-tertiary, #334155);border-bottom-color:var(--border-color, #475569)}.send-confirm-modal-header h3{color:var(--text-primary, #f1f5f9)}.send-confirm-modal-close{color:var(--text-muted, #94a3b8)}.send-confirm-modal-close:hover:not(:disabled){background:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9)}.send-confirm-modal-content{background:var(--bg-primary, #0f172a)}.send-confirm-summary-inline{color:var(--text-primary, #f1f5f9)}.send-confirm-message-compact{color:var(--text-secondary, #cbd5e1)}.send-confirm-turnstile-error{color:#f87171}.send-confirm-btn-cancel{background:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9)}.send-confirm-btn-cancel:hover:not(:disabled){background:var(--bg-secondary, #475569)}}