:root{--color-primary: #008d55;--color-primary-hover: #08d382;--color-primary-dark: #006b40;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-warning: #fc860b;--color-warning-hover: #e07600;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #10b981;--color-error: #ef4444;--color-info: #3b82f6;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-text: #4a4a47;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-black: #000000;--color-cart-btn: #0a58ca;--color-custom-btn: #ffc107;--color-custom-btn-hover: #e0a800;--color-table-border: #efefef;--color-edit-action: #d4a017;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Quicksand", "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-width: 1px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-toast: 9999;--container-max-width: 1320px;--header-height: 120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{font-family:var(--font-family),serif;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg-secondary);min-height:100vh}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--space-md)}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-sm)}.header-content{padding-block:var(--space-sm);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg)}.phone-cta-wrapper{justify-self:start}.logo{justify-self:center}#submit-cart-btn{justify-self:end;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;padding:6px 13px;font-size:1.0625rem;font-weight:400;gap:0}#submit-cart-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.header-top{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.phone-cta-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.phone-cta-label{color:var(--color-black);font-weight:700;font-size:var(--font-size-base)}.phone-cta-number{color:var(--color-primary);font-weight:700;text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-fast)}.header-main{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.logo{font-size:2.5rem;font-weight:700;margin:0}.logo-link{color:var(--color-primary);text-decoration:none}.logo-link:hover{color:var(--color-primary)}.cart-counter{font-weight:700}.hero{background:linear-gradient(30deg,#08d382,#008d55 54%);padding-top:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--color-border)}.hero-layout{display:grid;grid-template-columns:5fr 1fr;gap:var(--space-xl)}.hero-left{display:flex;flex-direction:column;gap:var(--space-sm)}.hero-right{display:flex;align-items:center;justify-content:center}.hero-logo-img{max-width:200px;width:100%;height:auto}.hero-tagline{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-transform:uppercase;margin:0;max-width:660px}.hero-controls{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;margin-top:var(--space-lg)}.control-label{display:block;color:#fff;font-size:var(--font-size-base);font-weight:400;margin-bottom:var(--space-xs)}.form-floating{position:relative}.form-floating>label{position:absolute;top:50%;left:var(--space-md);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text);font-weight:500;pointer-events:none;transition:all var(--transition-fast);transform-origin:left top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 2rem)}.form-floating>.filter-select~label{top:4px;transform:none;font-size:var(--font-size-xs);color:var(--color-text);font-weight:500}.form-floating>.filter-select{padding-top:20px;padding-bottom:4px}.search-floating{flex:1;position:relative}.search-floating>label{top:50%;left:var(--space-md);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text);font-weight:500}.search-floating>.search-input:focus~label,.search-floating>.search-input:not(:placeholder-shown)~label{top:4px;transform:none;font-size:var(--font-size-xs);color:var(--color-text)}.search-floating>.search-input:focus,.search-floating>.search-input:not(:placeholder-shown){padding-top:20px;padding-bottom:4px}.search-floating>.search-input{width:100%}.search-form{position:relative;display:flex;flex-direction:column;flex:1;min-width:250px}.search-input-group{position:relative;display:flex;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:50px}.search-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #008d551a}.search-input{flex:1;padding:var(--space-md);font-size:var(--font-size-base);border:none;background:transparent;transition:none}.search-input:focus{outline:none}.filter-group{display:flex;flex-direction:column;width:200px;flex-shrink:0}.filter-group:last-child{min-width:80px;max-width:100px}.filter-select{padding:var(--space-md);font-size:var(--font-size-base);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast);height:50px}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #008d551a}.products-section{position:relative;padding-block:var(--space-sm);scroll-margin-top:80px}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-dropdown)}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrapper{position:relative}.table-header-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.table-container{background-color:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto;caret-color:transparent}.products-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.products-table thead{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-table-border)}.products-table th{padding:4px 8px;text-align:left;font-weight:700;color:var(--color-text);white-space:nowrap}.products-table td{padding:var(--space-sm) var(--space-md);border-top:2px solid var(--color-table-border)}.products-table tbody tr{transition:background-color var(--transition-fast)}.products-table tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.products-table tbody tr:nth-child(odd){background-color:var(--color-bg)}.products-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.products-table tbody tr .upc-value{display:inline-block;background-color:#008d5540;padding:4px 8px;border-radius:5px;font-weight:500}.skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-cell{height:20px;background-color:#e5e7eb;border-radius:4px;display:inline-block;width:100%;max-width:200px}.skeleton-cell.short{max-width:80px}.skeleton-cell.medium{max-width:120px}.skeleton-cell.long{max-width:250px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.hide-mobile,.products-table td.hide-mobile{display:none!important}.table-container{overflow-x:visible;background-color:transparent;box-shadow:none}.products-table{display:block}.products-table thead{display:none}.products-table tbody{display:flex;flex-direction:column;gap:var(--space-md)}.products-table tbody tr{display:flex;flex-direction:column;background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.products-table tbody tr:nth-child(2n),.products-table tbody tr:nth-child(odd){background-color:var(--color-bg)}.products-table tbody tr:hover{background-color:var(--color-bg);box-shadow:var(--shadow-md)}.products-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-top:none;border-bottom:var(--border-width) solid var(--color-border)}.products-table td:before{content:attr(data-label);font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.products-table td.product-name-cell{font-weight:600}.products-table td.product-name-cell:before{display:none}.products-table td.action-cell{border-bottom:none;padding-top:var(--space-sm)}.products-table td.action-cell .action-row{justify-content:flex-end;width:100%}.products-table td.action-cell .action-group{max-width:none}.products-table td.action-cell:before{display:none}.products-table tbody tr.skeleton-row{padding:var(--space-md)}.products-table tbody tr.skeleton-row td{display:flex;justify-content:space-between}}.empty-state{padding:var(--space-2xl);text-align:center}.empty-state-message{color:var(--color-danger);font-size:var(--font-size-lg);font-weight:500}.toy-links{margin-top:var(--space-2xl);padding-top:var(--space-xl);padding-bottom:var(--space-md);border-top:var(--border-width) solid var(--color-border)}.toy-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.toy-link{padding:var(--space-xs);text-decoration:none;color:var(--color-primary);font-size:var(--font-size-xs);transition:color var(--transition-fast)}.toy-link:hover{color:var(--color-primary-hover);text-decoration:underline}.pagination-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs)}.pagination{display:flex;align-items:center;justify-content:center;gap:0;margin-top:var(--space-xl);width:max-content;margin-inline:auto}.pagination-arrow{min-width:20px;color:var(--color-primary-dark);padding:var(--space-xs);background-color:transparent;border:var(--border-width) solid var(--color-primary-dark);border-radius:0}.pagination-arrow:hover:not(:disabled){background-color:transparent}.pagination-arrow:first-child{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.page-numbers{display:flex;gap:0}.page-number{min-width:20px;padding:var(--space-xs);color:var(--color-primary-dark);background-color:transparent;border:var(--border-width) solid var(--color-primary-dark);border-radius:0;border-left:none}.page-number:hover:not(:disabled):not(.active){background-color:transparent}.page-number.active{background-color:var(--color-primary);color:#fff;pointer-events:none}.pagination-arrow:not(:first-child){border-left:none}.pagination-arrow:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.page-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-lg);font-weight:800;line-height:1.5;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn.rounded{border-radius:var(--border-radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border:var(--border-width) solid transparent;background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{border:var(--border-width) solid transparent;background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.btn-add-custom{background-color:var(--color-custom-btn);color:var(--color-black);border:1px solid var(--color-custom-btn);font-size:15px;font-weight:400;padding:5px 10px}.btn-add-custom:hover:not(:disabled){background-color:var(--color-custom-btn-hover);border-color:var(--color-custom-btn-hover)}.btn-search{padding:var(--space-md);background-color:transparent;color:var(--color-black);border:none;border-left:var(--border-width) solid var(--color-border);box-shadow:none}.btn-search:hover:not(:disabled){background-color:var(--color-bg-secondary);box-shadow:none}.btn-search svg{stroke:var(--color-black);filter:none;box-shadow:none;border:none}.btn-danger{background-color:transparent;color:var(--color-danger);padding:var(--space-xs)}.btn-danger:hover:not(:disabled){background-color:#ef44441a}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:inherit;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #008d551a}.form-group textarea{resize:vertical;min-height:80px}.input-group{display:flex;gap:var(--space-sm);align-items:center}.input-group input[type=number]{width:80px}.action-group{display:flex;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;max-width:300px}.action-group .quantity-input{width:80px;padding:var(--space-sm);padding-right:0;border:none;font-size:var(--font-size-sm);text-align:center;align-self:stretch}.action-group .quantity-input:focus{outline:none}.action-group .quantity-input::-webkit-inner-spin-button,.action-group .quantity-input::-webkit-outer-spin-button{opacity:1;height:40px;width:24px;cursor:pointer}.action-group .add-to-cart-btn{flex:1;border-radius:0;border:none;border-left:var(--border-width) solid var(--color-border);background-color:var(--color-black);color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm)}.action-group .add-to-cart-btn:hover:not(:disabled){background-color:#333}.action-group .add-to-cart-btn svg{width:16px;height:16px}.action-row{display:flex;align-items:stretch;justify-content:flex-end;gap:var(--space-sm)}.btn-photo{flex:1;font-size:14px;padding:var(--space-sm) var(--space-md);background-color:#0a58ca;color:#fff;border:1px solid #0a58ca;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:background-color var(--transition-fast)}.btn-photo:hover{background-color:#0848a8}.modal{border:9px solid #f5e8d8;border-radius:var(--border-radius-lg);padding:0;max-width:90vw;max-height:none;overflow:visible;box-shadow:0 12px 15px #00000040;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.modal::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{display:flex;flex-direction:column;max-height:90vh}.modal-large{width:min(1000px,90vw)}#custom-toy-modal{width:min(1200px,90vw)}.modal-header{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-lg)}.modal-header h2{margin:0;font-size:var(--font-size-2xl);text-align:center;width:100%}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:2.5rem;font-weight:300;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg-secondary)}.modal-body{padding:var(--space-lg);overflow-y:auto}.modal-description{margin:0 0 var(--space-sm)}#add-photos-modal .modal-header{padding-bottom:var(--space-sm)}#add-photos-modal .modal-body{padding-top:var(--space-sm)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.modal-actions-inline{flex-direction:row!important}.modal-form-floating{position:relative;margin-bottom:var(--space-md)}.modal-form-floating>input,.modal-form-floating>textarea,.modal-form-floating>select{width:100%;padding:1.5rem var(--space-md) .5rem;min-height:50px;font-size:var(--font-size-base);font-family:inherit;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-bg)}.modal-form-floating>textarea{min-height:80px;resize:vertical}.modal-form-floating>input:focus,.modal-form-floating>textarea:focus,.modal-form-floating>select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #008d551a;outline:none}.modal-form-floating>label{position:absolute;top:50%;left:var(--space-md);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;pointer-events:none;transition:all var(--transition-fast);transform-origin:left top}.modal-form-floating>textarea~label{top:1rem;transform:none}.modal-form-floating>input:focus~label,.modal-form-floating>input:not(:placeholder-shown)~label{top:.4rem;transform:none;font-size:var(--font-size-xs);color:var(--color-primary)}.modal-form-floating>textarea:focus~label,.modal-form-floating>textarea:not(:placeholder-shown)~label{top:.25rem;transform:none;font-size:var(--font-size-xs);color:var(--color-primary)}.cart-review{max-height:60vh;overflow-y:auto}.cart-review-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);margin-bottom:var(--space-md)}.cart-review-table thead{background-color:var(--color-bg-secondary)}.cart-review-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:700;color:var(--color-text);border-bottom:2px solid var(--color-border)}.cart-review-table td{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-border);vertical-align:middle}.cart-review-table th:nth-child(3),.cart-review-table td:nth-child(3){text-align:center}.cart-item-thumb{width:56px;height:56px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-item-thumb .cart-item-img{width:100%;height:100%;object-fit:cover}.cart-item-thumb .no-photo-icon{color:var(--color-text-secondary);opacity:.4}.cart-actions-row{display:flex;gap:4px;align-items:center}.cart-action-edit,.cart-action-delete{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.cart-action-edit{color:var(--color-edit-action)}.cart-action-edit:hover{background-color:#d4a0171a}.cart-action-delete{color:var(--color-danger)}.cart-action-delete:hover{background-color:#ef44441a}.custom-toy-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media (max-width: 768px){.custom-toy-split{grid-template-columns:1fr}}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 640px){.form-row-inline{grid-template-columns:1fr}}.photo-grid-simple{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.photo-grid-simple .photo-upload label:not(.file-input),.photo-grid-simple .photo-upload h4{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.split-view{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-xl)}@media (max-width: 768px){.split-view{grid-template-columns:1fr}}.photo-uploads{margin-top:var(--space-lg)}.photo-uploads h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.photo-upload{display:grid;grid-template-columns:75px 1fr;grid-template-rows:1fr auto;column-gap:var(--space-md);row-gap:var(--space-xs);height:75px}.photo-upload-heading{grid-column:2;grid-row:1;align-self:end;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin:0}.photo-upload>.photo-preview{grid-column:1;grid-row:1 / -1;align-self:stretch}.photo-upload>.file-input{grid-column:2;grid-row:2;align-self:start}@media (max-width: 768px){.photo-grid-simple{grid-template-columns:1fr}.photo-upload{grid-template-columns:75px 1fr;grid-template-rows:auto 1fr;height:auto}.photo-upload-heading{grid-column:1 / -1;grid-row:1;align-self:auto}.photo-upload>.photo-preview{grid-column:1;grid-row:2}.photo-upload>.file-input{grid-column:2;grid-row:2;align-self:center}}@media (max-width: 1023px){.modal,.modal.modal-large,dialog.modal#custom-toy-modal{width:100vw;max-width:100vw;max-height:100vh;height:100vh;top:0;left:0;transform:none;border:0;border-radius:0}.modal .modal-content{max-height:100vh;height:100vh}}.photo-upload label:not(.file-input){font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.photo-preview{width:75px;height:75px;max-width:100%;border:2px dashed var(--color-border);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-secondary)}.photo-preview img{width:100%;height:100%;object-fit:cover;display:none}.photo-preview.has-image img{display:block}.photo-preview.has-image{border-style:solid;border-color:var(--color-primary)}.file-input{display:flex;align-items:stretch;width:100%;height:36px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;background-color:var(--color-bg);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.file-input:hover{border-color:var(--color-primary)}.file-input:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.file-input-btn{display:flex;align-items:center;padding:0 var(--space-md);background-color:var(--color-bg-tertiary);color:var(--color-text);font-weight:500;white-space:nowrap;border-right:1px solid var(--color-border);transition:background-color var(--transition-fast)}.file-input:hover .file-input-btn{background-color:var(--color-border)}.file-input-filename{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:0 var(--space-md);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-input.has-file .file-input-filename{color:var(--color-text)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.hero-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.hero-right{order:-1}.hero-left{order:1}.hero-controls{flex-wrap:wrap;align-items:stretch}.search-form{width:100%;flex:1 1 100%}.filter-group{flex:3;width:auto}.filter-group:last-child{flex:1;max-width:none}.header-content{grid-template-columns:1fr;gap:var(--space-md)}.phone-cta-wrapper,.logo,#submit-cart-btn{justify-self:center}}@media (max-width: 640px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding-inline:var(--space-sm)}.pagination-arrow,.page-number{padding:4px 10px;min-width:0;font-size:var(--font-size-sm)}.photo-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column}.btn:not(.btn-scan):not(.btn-search){width:100%}}.btn-scan{background-color:#ffd000;color:var(--color-black);padding:var(--space-sm) var(--space-md);border:none;border-left:var(--border-width) solid var(--color-border);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;gap:var(--space-xs)}.btn-scan:hover{background-color:#fd3;box-shadow:none}.btn-scan:focus{outline:2px solid #ffd000;outline-offset:2px}.btn-scan svg{width:24px;height:24px;stroke:var(--color-black);filter:none;box-shadow:none;border:none}.btn-scan svg rect{fill:var(--color-black)}.btn-scan-text{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.btn-scan:disabled{background-color:#ffd000;cursor:not-allowed;opacity:.5}.scan-hint{position:absolute;bottom:calc(100% - 2px);right:8px;display:flex;flex-direction:column;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;opacity:0;animation:scan-hint-fade-in .4s ease forwards,scan-hint-bounce 2s ease-in-out .4s infinite}.scan-hint-arrow{width:24px;height:24px;color:#ffeb80;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.scan-hint-label{font-size:.9rem;color:#ffeb80;white-space:nowrap;font-weight:900;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.4)}@keyframes scan-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes scan-hint-fade-in{0%{opacity:0}to{opacity:1}}.barcode-scanner-modal{border:none;border-radius:var(--border-radius-lg);padding:0;max-width:90vw;max-height:90vh;width:600px;box-shadow:var(--shadow-xl);background-color:var(--color-bg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.barcode-scanner-modal::backdrop{background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scanner-content{display:flex;flex-direction:column;height:100%;max-height:90vh}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:var(--border-width) solid var(--color-border)}.scanner-header h2{font-size:var(--font-size-xl);color:var(--color-text);margin:0}.scanner-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.scanner-close:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.scanner-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.scanner-body{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);overflow:hidden}.scanner-instructions{text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);padding:var(--space-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.barcode-reader{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:var(--border-radius-md);overflow:hidden;min-height:300px;position:relative}.barcode-reader video{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-md)}.scanner-status{margin-top:var(--space-md);text-align:center;padding:var(--space-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500}.scanner-status-info{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.scanner-status-success{background-color:#008d551a;color:var(--color-success)}.scanner-status-error{background-color:#ef44441a;color:var(--color-error)}.scanner-footer{display:flex;justify-content:center;padding:var(--space-lg);border-top:var(--border-width) solid var(--color-border)}.scanner-cancel{min-width:120px}@media (max-width: 768px){.barcode-scanner-modal{width:95vw;max-width:95vw}.scanner-body{padding:var(--space-md)}.barcode-reader{min-height:250px}.btn-scan{flex-shrink:0;padding:var(--space-sm) var(--space-md)}.btn-scan svg{width:24px;height:24px}.btn-search{padding:var(--space-sm);flex-shrink:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-footer{padding:var(--space-sm) 0;text-align:center}.app-version{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);padding-bottom:.75rem}@media print{.header,.hero,.btn{display:none}dialog.modal:not([open]){display:none}dialog.modal[open]{position:static;transform:none;border:none;box-shadow:none;max-width:100%;width:100%}dialog.modal[open]::backdrop{display:none}.products-table{font-size:10pt}}