:root{--primary-color:#137fec;--primary-hover:#1065c0;--primary-color-dark:#1065c0;--primary-color-light:#137fec1a;--secondary-color:#6c757d;--secondary-hover:#5a6268;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#17a2b8;--white:#fff;--light-gray:#f5f6f8;--medium-gray:#e9ecef;--border-color:#dee2e6;--text-color:#212529;--text-muted:#475569;--primary-50:#eff6ff;--primary-100:#dbeafe;--success-hover:#218838;--danger-hover:#c82333;--warning-hover:#e0a800;--info-hover:#138496;--success-light:#28a7451a;--danger-light:#dc35451a;--warning-light:#ffc1071a;--info-light:#17a2b81a;--facebook-color:#1877f2;--facebook-hover:#145dbf;--color-primary:var(--primary-color);--color-primary-hover:var(--primary-hover);--color-primary-dark:var(--primary-color-dark);--color-primary-light:var(--primary-color-light);--color-secondary:var(--secondary-color);--color-success:var(--success-color);--color-error:var(--danger-color);--color-error-light:#dc35451a;--color-warning:var(--warning-color);--color-warning-light:#ffc1071a;--color-info:var(--info-color);--color-text:var(--text-color);--color-text-primary:var(--text-color);--color-text-secondary:var(--text-muted);--color-text-muted:var(--text-muted);--color-border:var(--border-color);--color-background:var(--light-gray);--color-background-secondary:var(--medium-gray);--error-color:var(--danger-color);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif;--font-monospace:"SF Mono","SFMono-Regular","Roboto Mono",Consolas,"Courier New","Liberation Mono",Menlo,Monaco,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-base:1.5;--line-height-relaxed:1.6;--line-height-loose:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius:6px;--border-radius-sm:4px;--border-radius-lg:8px;--border-radius-xl:16px;--border-radius-circle:50%;--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius);--radius-lg:var(--border-radius-lg);--box-shadow-xs:0 1px 2px #0000000a;--box-shadow-sm:0 1px 2px #0000000a;--box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--box-shadow-md:0 1px 3px #0000000f,0 1px 2px #0000000a;--box-shadow-lg:0 10px 15px #00000014,0 4px 6px #0000000a;--box-shadow-xl:0 25px 50px #0000002e;--box-shadow-primary:0 20px 25px -5px #137fec4d,0 8px 10px -6px #137fec4d;--box-shadow-hover:0 10px 15px #00000014,0 4px 6px #0000000a;--box-shadow-focus:0 0 0 3px var(--primary-color-light);--shadow-sm:var(--box-shadow-sm);--shadow-md:var(--box-shadow);--shadow-lg:var(--box-shadow-lg);--transition-fast:all 0.15s ease;--transition-normal:all 0.25s ease;--transition-slow:all 0.35s ease;--transition-transform:transform 0.2s ease;--transition-opacity:opacity 0.2s ease;--transition-colors:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;--transition-shadow:box-shadow 0.2s ease;--color-page:#f5f6f8;--color-card:#fff;--color-well:#f1f5f9;--color-muted:#475569;--width-page:72rem;--height-header:4rem;--radius-card:8px;--radius-pill:9999px;--spacing-page-x:1rem;--spacing-page-top:1.5rem;--spacing-page-bottom:2.5rem;--spacing-section:2.5rem;--spacing-card:1rem;--spacing-card-lg:1.25rem;--spacing-grid:1.25rem;--spacing-stack:1rem;--spacing-stack-sm:0.5rem;--duration-fast:150ms;color-scheme:light}[data-theme=dark]{--white:#1a1d23;--light-gray:#14161b;--medium-gray:#232831;--border-color:#2d3340;--text-color:#e5e7eb;--text-muted:#9ca3af;--primary-color:#4a9eff;--primary-hover:#6db3ff;--primary-color-dark:#2d7ad9;--primary-color-light:#4a9eff26;--success-color:#34d399;--danger-color:#f87171;--warning-color:#fbbf24;--info-color:#38bdf8;--primary-50:#1e2a3a;--primary-100:#233447;--color-page:#14161b;--color-card:#1a1d23;--color-well:#232831;--color-muted:#9ca3af;--box-shadow-xs:0 1px 2px #0006;--box-shadow-sm:0 1px 2px #0006;--box-shadow:0 1px 3px #00000080,0 1px 2px #0006;--box-shadow-md:0 1px 3px #00000080,0 1px 2px #0006;--box-shadow-lg:0 10px 15px #00000080,0 4px 6px #0006;--box-shadow-xl:0 25px 50px #0009;--box-shadow-primary:0 8px 20px -8px #4a9eff59;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#212529;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-base);margin:0}body,code{background-color:#f5f6f8;background-color:var(--light-gray)}code{border-radius:6px;border-radius:var(--border-radius);font-family:SF Mono,SFMono-Regular,Roboto Mono,Consolas,Courier New,Liberation Mono,Menlo,Monaco,monospace;font-family:var(--font-monospace);font-size:.875rem;font-size:var(--font-size-sm);padding:.2em .4em}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;font-size:16px;overflow-x:hidden;scroll-behavior:smooth;scrollbar-gutter:stable}*,:after,:before{box-sizing:inherit}canvas,img,svg,video{height:auto;max-width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-secondary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:.5em;margin-top:0}h1{font-size:1.5rem;letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight)}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem;font-size:var(--font-size-base)}h5,h6{font-size:.875rem;font-size:var(--font-size-sm)}h6{font-weight:700;font-weight:var(--font-weight-bold)}p{font-size:1rem;font-size:var(--font-size-base);margin-bottom:1em;margin-top:0}.text-small,small{font-size:.875rem;font-size:var(--font-size-sm)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-md{font-size:1.125rem;font-size:var(--font-size-md)}.text-lg{font-size:1.25rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.5rem;font-size:var(--font-size-xl)}.text-3xl{font-size:2.25rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:3rem;font-size:var(--font-size-4xl)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.leading-tight{line-height:1.2;line-height:var(--line-height-tight)}.leading-normal{line-height:1.5;line-height:var(--line-height-base)}.leading-loose{line-height:1.75;line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:0;letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:.025em;letter-spacing:var(--letter-spacing-wide)}a{color:#137fec;color:var(--primary-color);text-decoration:none;transition:all .15s ease;transition:var(--transition-fast)}a:hover{text-decoration:underline}img{height:auto;max-width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}.text-primary{color:#137fec;color:var(--primary-color)}.text-secondary{color:#6c757d;color:var(--secondary-color)}.text-success{color:#22c55e;color:var(--success-color)}.text-danger{color:#ef4444;color:var(--danger-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.text-info{color:#17a2b8;color:var(--info-color)}.text-muted{color:#475569;color:var(--text-muted)}.mt-1{margin-top:4px;margin-top:var(--spacing-xs)}.mt-2{margin-top:8px;margin-top:var(--spacing-sm)}.mt-3{margin-top:16px;margin-top:var(--spacing-md)}.mt-4{margin-top:24px;margin-top:var(--spacing-lg)}.mb-1{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:24px;margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.seo-content,.sr-only,.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.skip-link{background:#000;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-link:focus{top:6px}:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){*{border-color:currentColor}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html[lang=vi]{line-height:var(--line-height-relaxed)}html[lang=en]{line-height:var(--line-height-base)}html[lang=vi] *{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}article,aside,footer,header,main,nav,section{display:block}h1{font-size:var(--font-size-xl);margin-bottom:1rem}h2{font-size:var(--font-size-lg);margin-bottom:.875rem}h3{font-size:var(--font-size-md);margin-bottom:.75rem}@media print{html[lang=vi]{font-family:Times New Roman,serif}.no-print{display:none!important}}body,html{height:100%;margin:0;padding:0}.screen,body,html{background-color:var(--light-gray);width:100%}.screen{display:flex;flex-direction:column;min-height:100vh}.screen>main{flex:1 0 auto}.screen>.footer{flex-shrink:0}.header{background-color:#f0f0f0;left:0;padding:0 15px;top:-3px}.standard-container{box-sizing:border-box;margin:0 auto;max-width:var(--width-page);padding:var(--spacing-page-top) var(--spacing-page-x) var(--spacing-page-bottom);width:100%}.standard-container-header{background:none;border:none;box-shadow:none;display:block;margin:0 0 var(--spacing-md);padding:0;text-transform:none}.page-title,.standard-container-header h1{color:var(--text-color);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs);text-transform:none}.page-subtitle{color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md)}.standard-card-container,.standard-card-container.standalone{background:none;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0;width:100%}.block-card{background:var(--color-card);border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:var(--box-shadow-xs);padding:var(--spacing-card-lg)}.block-card+.block-card{margin-top:var(--spacing-section)}.left-content{flex:0.8 1;max-width:480px}.section-heading{margin-bottom:15px;margin-bottom:10px;text-align:left;width:100%}.section-heading h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:3px}.section-heading p{color:var(--text-muted);font-size:var(--font-size-base);margin-top:0}.two-column-row{align-items:flex-start;display:flex;gap:24px;gap:var(--spacing-lg,24px);width:100%}.order-preparation-container{background-color:#eef3f6;max-width:480px;overflow-y:auto}.explanation-container,.order-preparation-container{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);flex:1 1;height:600px;padding:var(--spacing-lg)}.explanation-container{align-items:center;background-color:#fafafa;display:flex;justify-content:center}.order-preparation{align-items:flex-start;display:flex;gap:24px;gap:var(--spacing-lg,24px)}.left-panel{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg)}.right-panel{flex:1 1}.explanation-image{max-height:560px;object-fit:contain}.footer{background-color:#f0f0f0;color:var(--text-muted);font-size:var(--font-size-sm);margin-top:40px;padding:var(--spacing-lg);text-align:center}.footer-content{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}.footer-company-info{line-height:var(--line-height-relaxed);text-align:left}.footer-company-info p{margin:4px 0}.footer-column-title,.footer-company-name{color:var(--text-color);font-size:var(--font-size-base);font-weight:600}.footer-column-title{margin:0 0 var(--spacing-sm)}.footer-links{text-align:left}.footer-links-list{list-style:none;margin:0;padding:0}.footer-links-list li{margin:6px 0}.footer-links-list a{color:var(--primary-color);text-decoration:none;transition:color .15s ease}.footer-links-list a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ddd;margin:var(--spacing-lg) auto 0;max-width:1200px;padding-top:var(--spacing-md);text-align:center}.footer-bottom p{margin:0}.footer-badge,.footer-social{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:flex-start;padding-top:0}.footer-social-title{color:var(--text-color);font-size:var(--font-size-base);font-weight:600;margin:0;text-align:left}.social-link{align-items:center;background-color:var(--facebook-color);border-radius:50%;box-shadow:0 2px 8px #1877f24d;color:#fff;display:inline-flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.social-link:hover{background-color:var(--facebook-hover);box-shadow:0 4px 12px #1877f280;text-decoration:none;transform:scale(1.1)}.social-link svg{fill:#fff;height:32px;width:32px}.moit-badge-img,.pci-badge-img{display:block;height:65px;transition:transform .3s ease;width:auto}.moit-badge-img:hover,.pci-badge-img:hover{transform:scale(1.05)}.footer a{color:var(--primary-color);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:900px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-company-info,.footer-content,.footer-links{text-align:center}.footer-badge,.footer-social{align-items:center}.footer-social-title{text-align:center}.moit-badge-img,.pci-badge-img{height:60px}}@media (max-width:992px){.explanation-container{margin-top:var(--spacing-lg)}.left-content,.order-preparation-container{max-width:100%}.two-column-row{flex-direction:column}.explanation-container,.order-preparation-container{margin-bottom:var(--spacing-lg);max-width:100%;width:100%}}@media (max-width:768px){.header{height:auto;padding:var(--spacing-sm)}.header,.order-preparation{flex-direction:column}.section-heading h1{font-size:var(--font-size-lg);margin-bottom:2px}.section-heading p{font-size:var(--font-size-sm);margin-top:0}}@media (max-width:480px){.header{padding:var(--spacing-xs)}.section-heading h1{font-size:var(--font-size-md)}}@media (max-width:428px){.standard-container{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}.block-card{padding:var(--spacing-md)}.section-heading h1{font-size:var(--font-size-base)}.section-heading p{font-size:var(--font-size-xs)}}.cta-message{background-color:var(--primary-50);border-left:3px solid var(--primary-color);margin-bottom:0;padding:15px}.cta-message p{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-base);margin:0}.cta-message .info-icon{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-style:normal;font-weight:700;height:20px;justify-content:center;margin-right:10px;width:20px}.order-code{font-family:var(--font-monospace);font-size:var(--font-size-base);letter-spacing:.05em}.checkout-not-found{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:520px;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.checkout-not-found p{color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.checkout-not-found .btn{width:auto}.checkout-content{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.checkout-left{flex:5 1}.checkout-left,.checkout-right{box-sizing:border-box;min-width:0}.checkout-right{flex:4 1}.loading-indicator{padding:var(--spacing-lg)}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--medium-gray);border:4px solid var(--medium-gray);border-top-color:var(--primary-color);height:40px;margin:0 auto var(--spacing-md);width:40px}.form-section{background-color:var(--light-gray);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.compact-form-group,.form-group{box-sizing:border-box;margin-bottom:var(--spacing-md);position:relative;width:100%}.form-group.email-with-cta{margin-bottom:0}.compact-form-group{box-sizing:border-box;margin-bottom:15px;position:relative;width:100%}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1 1}label{color:var(--text-color);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}input[type=email],input[type=tel],input[type=text],select,textarea{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box!important;display:block;font-size:var(--font-size-base);height:40px;line-height:normal;margin:0;max-width:100%;padding:var(--spacing-sm);position:static;transition:color .2s ease,background-color .2s ease;width:100%}textarea,textarea.error{height:auto!important}textarea.error{min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}input.error,select.error,textarea.error{background-color:#dc354508;border:1px solid var(--danger-color)!important;box-sizing:border-box!important;height:40px!important}select.error:focus{border-width:1px;box-shadow:0 0 0 .2rem #dc354540}.error-message{margin-top:var(--spacing-sm)}.field-error{color:#dc3545;color:var(--danger-color,#dc3545);display:block;font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-top:.25rem;margin-top:var(--padding-xs,.25rem)}.input-hint{margin-top:var(--spacing-sm)}select{-webkit-appearance:auto;appearance:auto;background-color:#fff}.disabled-select,select{box-sizing:border-box;height:40px}.disabled-select{background-color:#e9ecef;cursor:not-allowed;opacity:.7}textarea{font-family:var(--font-primary);min-height:80px;resize:vertical}select.placeholder-hidden option:first-child,select.placeholder-visible{color:var(--text-muted)}select.placeholder-hidden option{color:var(--text-color)}.input-container{box-sizing:border-box;display:block;height:40px;margin:0;padding:0;width:100%}.error-message{display:block;font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.error-message,.input-hint{margin-bottom:0;margin-top:4px}.input-hint{box-sizing:border-box;color:var(--text-muted);font-size:var(--font-size-sm);height:auto;line-height:var(--line-height-tight);position:static}.character-count{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:4px;text-align:right}.character-count.warning{color:var(--warning-color)}.character-count.error{color:var(--danger-color)}.checkout-button,.primary-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:var(--transition-fast);width:100%}.checkout-button:hover,.primary-button:hover{background-color:var(--primary-hover);box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.back-button{background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:var(--transition-fast);width:100%}.back-button:hover{background-color:var(--medium-gray);box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.back-arrow-only{align-items:center;border-radius:var(--border-radius);display:flex;font-size:var(--font-size-lg);height:44px;justify-content:center;padding:0;width:44px}.left-panel-actions{display:flex;margin-bottom:10px;margin-top:var(--spacing-md)}.edit-order-button{background-color:#fff;border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:30px;padding:12px var(--spacing-md);text-align:center;text-transform:uppercase;transition:var(--transition-fast);width:100%}.edit-order-button:hover{background-color:var(--primary-50);box-shadow:0 2px 5px #007bff33;transform:translateY(-2px)}.back-arrow{font-size:var(--font-size-md);font-weight:700;margin-right:8px}.option-box{border:1px solid var(--border-color);border-radius:10px;margin-bottom:var(--spacing-md);overflow:hidden;padding:0}.option-header{align-items:center;background-color:var(--light-gray);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:8px var(--spacing-md)}.option-header h3{color:var(--text-color);margin:0}.option-checkbox{align-items:center;border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:15px;transition:var(--transition-fast);width:24px}.option-checkbox.checked{background-color:var(--primary-color)}.option-checkbox.disabled{cursor:not-allowed;opacity:.7}.check-icon{color:#fff;font-weight:700;opacity:0}.option-checkbox.checked .check-icon{opacity:1}.option-content{padding:var(--spacing-md)}.option-description{color:var(--text-muted);margin-bottom:var(--spacing-md)}.toggle-options{display:flex;gap:10px;margin-bottom:var(--spacing-md)}.toggle-option{border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex:1 1;padding:8px 5px;text-align:center;transition:var(--transition-fast)}.toggle-option:hover{border-color:var(--text-muted)}.toggle-option.selected{background-color:#007bff0d;border-color:var(--primary-color)}.toggle-content h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 3px}.toggle-content p{font-size:var(--font-size-sm);margin:0 0 2px}.toggle-content .price{color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:2px}.radio-group{display:flex;gap:15px;margin-top:8px}.radio-option{align-items:center;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;padding:10px 15px;transition:var(--transition-fast)}.radio-option:hover{border-color:var(--text-muted)}.radio-option.selected{background-color:#007bff0d;border-color:var(--primary-color)}.radio-option input[type=radio]{cursor:pointer;margin-right:8px}.radio-label{cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.shipping-form{border-top:1px solid var(--border-color);margin-top:10px;padding-top:var(--spacing-md)}.shipping-form h4{margin-bottom:var(--spacing-md);margin-top:0}.address-dropdown-row{display:flex;gap:10px;margin-bottom:15px}.address-dropdown-row select{box-sizing:border-box!important;flex:1 1;font-size:var(--font-size-base);height:40px!important;margin:0;min-width:0;padding:var(--spacing-sm)}.address-dropdown-row.two-columns>*{flex-basis:calc(50% - 5px)}.address-error-messages{display:none}.checkout-left-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-section-title{color:var(--color-muted);display:block;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.order-card{background-color:initial;border:none;box-shadow:none;padding:0}.order-card,.order-card-header{display:flex;flex-direction:column}.order-card-header{gap:4px;padding-bottom:8px}.order-card-code{color:var(--color-muted);font-family:var(--font-monospace);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.04em;word-break:break-all}.order-card-item{align-items:flex-start;border-bottom:1px dashed #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:16px 0}.order-card-item-text{display:flex;flex-direction:column;gap:4px;min-width:0}.order-card-item-name{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.order-card-item-desc,.order-card-item-name{line-height:var(--line-height-snug);margin:0}.order-card-item-desc{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.order-card-item-price{color:var(--text-color);flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap}.order-card-total{align-items:baseline;display:flex;gap:16px;justify-content:space-between;padding-top:16px}.order-card-total-label{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.order-card-total-value{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;white-space:nowrap}.checkout-email-section{display:flex;flex-direction:column;gap:8px}.checkout-email-hint{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.checkout-email-field{position:relative}.checkout-email-field input{background-color:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);box-sizing:border-box;color:var(--text-color);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:56px;padding:0 14px 0 44px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;width:100%}.checkout-email-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #137fec1f;outline:none}.checkout-email-field input.error{background-color:#dc354508;border-color:var(--danger-color)}.checkout-email-icon{color:var(--color-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.checkout-payment-section{display:flex;flex-direction:column;gap:8px}.product-preview{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;margin-bottom:10px;min-height:160px;overflow:visible;padding:10px;position:relative;text-align:center}.product-details{display:flex;flex:0.7 1;flex-direction:column;justify-content:center;padding-left:6px;padding-right:10px;position:relative;text-align:left}.product-name{color:var(--text-color);font-size:var(--font-size-base);margin:0;padding-left:0}.product-image{align-items:center;display:flex;flex:2.3 1;justify-content:flex-end;padding:5px}.product-preview img{border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;max-height:140px;max-width:100%}.price-breakdown{background-color:#fff;padding:10px 12px}.price-item{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:6px}.price-item,.price-total{display:flex;justify-content:space-between}.price-total{border-top:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:10px;margin-top:10px;padding-top:10px}.price-note{margin-top:8px}.price-item-note,.price-note{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic;text-align:right}.price-item-note{margin-bottom:8px;margin-top:2px;padding-right:1px}.payment-section{background-color:var(--light-gray);border-radius:var(--border-radius);padding:30px;text-align:center}.qr-code-container{background-color:#fff;border-radius:var(--border-radius);display:inline-block;margin:30px 0;padding:var(--spacing-md)}.qr-code-container img{height:200px;width:200px}.payment-status{border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.payment-status.processing{background-color:var(--warning-light);color:var(--text-color)}.payment-status.completed{background-color:var(--success-light);color:var(--text-color)}.payment-status.failed,.payment-status.timeout{background-color:var(--danger-light);color:var(--text-color)}.payment-timer{color:var(--text-muted);font-size:var(--font-size-sm)}.payment-instructions{line-height:var(--line-height-loose)}.payment-method-selection-compact{margin-bottom:16px}.payment-method-header{margin-bottom:8px}.payment-method-compact{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:8px;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.payment-method-compact:hover{background:var(--light-gray);border-color:var(--primary-color)}.payment-method-icon{color:var(--primary-color);margin-right:12px}.payment-method-info{flex:1 1}.payment-method-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.payment-method-desc{color:var(--text-muted);font-size:var(--font-size-xs)}.payment-method-selected{color:var(--primary-color);flex-shrink:0;margin-left:8px}.payment-method-selection h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:10px}.payment-method-options{display:flex;flex-direction:row;gap:8px;width:100%}.payment-method-option{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:10px 6px;text-align:center;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.payment-method-option:hover{background-color:#137fec0a;border-color:var(--color-primary)}.payment-method-option.selected{background-color:#137fec0d;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.payment-method-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;height:24px;justify-content:center;margin-bottom:4px;width:24px}.payment-method-icon img{max-height:100%;max-width:100%;object-fit:contain}.payment-method-icon img[alt="Apple Pay"]{height:36px;max-height:none;max-width:none;width:72px}.payment-method-option.selected .payment-method-icon{color:var(--primary-color)}.payment-method-info{align-items:center;display:flex;flex-direction:column;gap:2px;width:100%}.payment-method-name{color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.payment-method-option.selected .payment-method-name{color:var(--primary-color)}.payment-method-radio,.payment-method-radio input[type=radio]{display:none}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-option{align-items:center;border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;padding:12px 15px;transition:all .2s ease}.payment-option:hover{border-color:var(--primary-color)}.payment-option input[type=radio]{margin-right:15px}.payment-option-content{display:flex;flex-direction:column}.payment-option-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.payment-option-description{color:var(--dark-gray);font-size:var(--font-size-sm);margin-top:3px}.payment-option input[type=radio]:checked+.payment-option-content .payment-option-name{color:var(--primary-color)}.checkout-confirmation{padding:40px var(--spacing-md);text-align:center}.success-icon{align-items:center;background-color:var(--success-light);border-radius:50%;color:var(--success-color);display:flex;font-size:var(--font-size-4xl);height:100px;justify-content:center;margin:0 auto 30px;width:100px}.confirmation-details{background-color:var(--light-gray);border-radius:var(--border-radius);margin:30px 0;padding:var(--spacing-md);text-align:left}.shipping-info{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.shipping-info address{font-style:normal;line-height:var(--line-height-relaxed);margin:10px 0}.option-content>.cta-message{margin:0 calc(var(--spacing-md)*-1) calc(var(--spacing-md)*-1) calc(var(--spacing-md)*-1)}.warning-message{background-color:#ffc1071a;border-left:3px solid #ffc107;border-left:3px solid var(--warning-color,#ffc107);margin-bottom:0;padding:15px}.warning-message p{color:var(--text-color);display:flex;margin:0}.warning-icon-inline,.warning-message p{align-items:center;font-size:var(--font-size-base)}.warning-icon-inline{background-color:#ffc107;background-color:var(--warning-color,#ffc107);border-radius:50%;color:#212529;display:inline-flex;flex-shrink:0;font-style:normal;font-weight:700;height:24px;justify-content:center;margin-right:10px;width:24px}@media (min-width:769px) and (max-width:1199px){.checkout-right{margin-bottom:30px}}@media (max-width:768px){.checkout-content{flex-direction:column-reverse}.checkout-left,.checkout-right{flex:none;width:100%}.checkout-right{margin-bottom:var(--spacing-md)}.order-card{width:100%}.form-row{gap:0}.address-dropdown-row.two-columns,.form-row{flex-direction:column}.address-dropdown-row.two-columns>*{flex-basis:100%;margin-bottom:10px}.toggle-options{flex-direction:column}.toggle-option{margin-bottom:10px}.payment-method-options{gap:8px}.payment-method-option{padding:12px 6px}.payment-method-name{font-size:var(--font-size-xs)}.payment-method-icon{height:32px;margin-bottom:6px;width:32px}.payment-method-icon svg{height:24px;width:24px}.product-preview{flex-direction:column;min-height:auto;padding:var(--spacing-md)}.product-details{flex:1 1;padding-left:0;padding-right:0;text-align:center}.product-image{flex:1 1;justify-content:center;margin-top:var(--spacing-md)}.product-preview img{border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;max-height:180px;max-width:100%}}.address-component{margin-top:var(--spacing-md)}.loading-indicator{color:var(--text-muted);font-style:italic}.error-message,.loading-indicator{font-size:var(--font-size-sm);padding:var(--spacing-sm) 0;text-align:center}.error-message{background-color:var(--danger-light);border:1px solid var(--danger-color);border-radius:var(--border-radius);color:var(--danger-color);margin:var(--spacing-sm) 0}.address-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.address-select.disabled-select{background-color:var(--light-gray);cursor:not-allowed;opacity:.6}.address-select.loading{animation:spin 1s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.5a6.5 6.5 0 1 0 6.5 6.5h-2A4.5 4.5 0 1 1 10 5.5v-2z' fill='%23999'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.option-box.disabled{opacity:.85}.option-header.disabled{background-color:#f5f5f5;cursor:not-allowed}.option-header.disabled h3{color:var(--text-muted)}.tet-holiday-notice{background-color:#ff3b3014;border-left:3px solid #ff3b30;padding:15px}.tet-holiday-notice p{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.tet-holiday-notice .warning-icon-inline{background-color:initial;font-size:var(--font-size-lg);height:auto;width:auto}.tet-holiday-subtext{color:var(--text-muted)!important;font-size:var(--font-size-sm)!important;font-weight:400!important;margin-left:30px;margin-top:8px!important}.product-selection{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-selection__field{display:flex;flex-direction:column;gap:.5rem}.product-selection__select-wrap{position:relative}.product-selection__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-card);border:2px solid #e2e8f0;border-radius:var(--radius-card);color:var(--text-color);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:auto;line-height:var(--line-height-snug);min-height:0;padding:.875rem 2.5rem .875rem 3rem;text-overflow:ellipsis;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;width:100%}.product-selection__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #137fec1f;outline:none}.product-selection__select:hover{border-color:#cbd5e1}.product-selection__select-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.product-selection__select-icon--left{left:1rem}.product-selection__select-icon--right{right:1rem}.product-selection__specs{background:var(--color-well);border:1px solid #e2e8f0;border-radius:var(--radius-card);overflow:hidden}.product-selection__specs-header{align-items:flex-start;background:#ffffff80;border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:var(--spacing-md)}.product-selection__specs-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.product-selection__specs-title{color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0}.product-selection__specs-description-list,.product-selection__specs-note{color:var(--color-muted);font-size:var(--font-size-sm);margin:4px 0 0}.product-selection__specs-description-list{padding-left:1.1rem}.product-selection__specs-description-list li{margin-bottom:2px}.product-selection__specs-description-list li:last-child{margin-bottom:0}.product-selection__specs-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding:var(--spacing-md)}.product-selection__specs-item{display:flex;flex-direction:column;gap:4px}.product-selection__specs-item--bordered{border-left:1px solid #cbd5e1;padding-left:var(--spacing-md)}.product-selection__specs-label{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.product-selection__specs-value{color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.product-preview-card{background:var(--color-card);border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:var(--box-shadow-sm);overflow:hidden;position:-webkit-sticky;position:sticky;top:calc(var(--height-header) + var(--spacing-md))}.product-preview-card__body{padding:var(--spacing-md)}.product-preview-card__title{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md)}.product-preview-card__title--product-name{text-align:left}.product-preview-card__well{align-items:center;background:var(--color-well);border-radius:var(--radius-card);display:flex;justify-content:center;min-height:280px;padding:var(--spacing-lg);position:relative}.product-preview-card__photo-wrap{display:inline-block}.product-preview-card__photo-wrap--with-rulers{display:inline-grid;grid-template-columns:auto 12px auto;grid-template-rows:auto 12px auto}.product-preview-card__photo-frame{align-items:center;display:flex;grid-column:1;grid-row:1;justify-content:center}.product-preview-card__magic-layer{align-items:center;background:var(--color-well);border-radius:var(--radius-card);display:flex;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.product-preview-card__magic-layer:after{animation:product-preview-card-magic-glow 5s cubic-bezier(.45,0,.55,1) forwards;background:radial-gradient(ellipse at 50% 32%,#fff9 0,#fff0 55%);content:"";inset:-15%;opacity:0;pointer-events:none;position:absolute;z-index:3}.product-preview-card__magic-image{animation:product-preview-card-magic-reveal 5s cubic-bezier(.45,0,.55,1) forwards;display:block;filter:blur(0);height:100%;object-fit:contain;position:relative;transform-origin:50% 32%;width:100%;will-change:transform,opacity,filter;z-index:2}@keyframes product-preview-card-magic-reveal{0%{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}40%{filter:blur(0);opacity:1;transform:scale(1.03) translateY(0)}to{filter:blur(14px);opacity:0;transform:scale(1.55) translateY(-5%)}}@keyframes product-preview-card-magic-glow{0%,30%{opacity:0;transform:scale(.6)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.product-preview-card__well:has(.product-preview-card__magic-layer) .product-preview-card__photo{animation:product-preview-card-magic-settle 5s cubic-bezier(.45,0,.55,1) forwards}@keyframes product-preview-card-magic-settle{0%,50%{transform:scale(.94)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.product-preview-card__magic-image,.product-preview-card__magic-layer:after,.product-preview-card__well:has(.product-preview-card__magic-layer) .product-preview-card__photo{animation:none}.product-preview-card__magic-image{opacity:0}}.product-preview-card__photo{border:4px solid #fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;display:block;height:auto;max-height:280px;max-width:100%;object-fit:contain}.product-preview-card__ruler{color:var(--color-primary);display:flex}.product-preview-card__ruler--height{align-items:center;flex-direction:column;grid-column:3;grid-row:1}.product-preview-card__ruler--width{align-items:center;flex-direction:row;grid-column:1;grid-row:3}.product-preview-card__ruler-line{background:currentColor;flex:1 1}.product-preview-card__ruler-line--vertical{width:1px}.product-preview-card__ruler-line--horizontal{height:1px}.product-preview-card__ruler-tick{background:currentColor;flex-shrink:0}.product-preview-card__ruler-tick--horizontal{height:1px;width:6px}.product-preview-card__ruler-tick--vertical{height:6px;width:1px}.product-preview-card__ruler-label{color:currentColor;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;padding:0 4px;white-space:nowrap}.product-preview-card__ruler-label--vertical{padding:2px 0;writing-mode:vertical-lr}.product-preview-card__placeholder{color:var(--color-muted);font-size:var(--font-size-sm);text-align:center}.product-preview-card__callout{background:#137fec0d;border-radius:var(--radius-card);display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-md)}.product-preview-card__note{align-items:center;display:flex;gap:.75rem;justify-content:center;text-align:center}.product-preview-card__note-icon{color:var(--color-primary);flex-shrink:0}.product-preview-card__note-body{color:var(--color-muted);font-size:var(--font-size-xs);text-align:center}.product-preview-card__note-body p{font-size:var(--font-size-xs);margin:0}.product-preview-card__note-body p+p{margin-top:4px}.product-preview-card__action{display:flex;flex-direction:column}.product-preview-card__action>*{width:100%}.product-preview-card__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:0 var(--spacing-md) var(--spacing-md)}.product-preview-card__badge{align-items:center;background:#137fec0f;border:1px solid #137fec26;border-radius:var(--radius-card);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem .875rem}.product-preview-card__badge svg{color:var(--color-primary);flex-shrink:0}@media (max-width:992px){.product-preview-card{position:static}}@media (max-width:480px){.product-preview-card__badges{align-items:stretch;flex-direction:column}.product-preview-card__badge{justify-content:center}}.steps-section{margin-top:var(--spacing-section)}.steps-section__header{margin-bottom:var(--spacing-lg);text-align:center}.steps-section__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-sm)}.steps-section__subtitle{color:var(--color-muted);font-size:var(--font-size-sm);margin:0 auto;max-width:36rem}.steps-section__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.steps-card{background:var(--color-card);border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:var(--box-shadow-xs);overflow:hidden;padding:var(--spacing-md);position:relative;transition:var(--transition-normal)}.steps-card:hover{box-shadow:var(--box-shadow-sm);transform:translateY(-2px)}.steps-card__num{color:#137fec14;font-size:3rem;font-weight:var(--font-weight-bold);line-height:1;pointer-events:none;position:absolute;right:.5rem;top:.25rem;-webkit-user-select:none;user-select:none}.steps-card__icon{align-items:center;background:var(--primary-color-light);border-radius:var(--radius-card);color:var(--color-primary);display:inline-flex;height:2.5rem;justify-content:center;margin-bottom:var(--spacing-sm);position:relative;width:2.5rem}.steps-card__title{font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs)}.steps-card__desc,.steps-card__title{font-size:var(--font-size-sm);position:relative}.steps-card__desc{color:var(--color-muted);margin:0}@media (max-width:768px){.steps-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.steps-section__title{font-size:var(--font-size-xl)}}.features-section{margin-top:var(--spacing-section)}.features-section__header{margin-bottom:var(--spacing-lg);text-align:center}.features-section__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-sm)}.features-section__subtitle{color:var(--color-muted);font-size:var(--font-size-sm);margin:0 auto;max-width:36rem}.features-section__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.features-card{background:var(--color-card);border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:var(--box-shadow-xs);padding:var(--spacing-md);text-align:center;transition:var(--transition-normal)}.features-card:hover{box-shadow:var(--box-shadow-sm);transform:translateY(-2px)}.features-card__icon{align-items:center;background:var(--primary-color-light);border-radius:var(--radius-card);color:var(--color-primary);display:inline-flex;height:2.5rem;justify-content:center;margin-bottom:var(--spacing-sm);width:2.5rem}.features-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs)}.features-card__desc{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.features-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.features-section__title{font-size:var(--font-size-xl)}}.photo-tips-section{margin-top:var(--spacing-section)}.photo-tips-panel{background:#0f172a;border-radius:var(--radius-card);color:#fff;overflow:hidden;padding:var(--spacing-lg);position:relative}.photo-tips-panel__glow{background:#137fec33;border-radius:9999px;filter:blur(100px);height:24rem;margin-right:-12rem;margin-top:-12rem;pointer-events:none;position:absolute;right:0;top:0;width:24rem}.photo-tips-panel__grid{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;position:relative;z-index:1}.photo-tips-panel__title{color:#fff;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-md)}.photo-tips-panel__list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.photo-tips-item{display:flex;gap:var(--spacing-sm)}.photo-tips-item__check{align-items:center;background:var(--color-primary);border-radius:9999px;color:#fff;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-top:.125rem;width:1.25rem}.photo-tips-item__title{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 2px}.photo-tips-item__detail{color:#94a3b8;font-size:var(--font-size-sm);margin:0}.photo-tips-examples{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.photo-tips-example{display:flex;flex-direction:column;gap:var(--spacing-xs)}.photo-tips-example--offset{padding-top:var(--spacing-lg)}.photo-tips-example__frame{aspect-ratio:3/4;background:#1e293b;border:2px solid #0000;border-radius:var(--radius-card);overflow:hidden}.photo-tips-example__frame--good{border-color:var(--success-color);box-shadow:0 10px 20px #22c55e1f}.photo-tips-example__frame--bad{border-color:var(--danger-color)}.photo-tips-example__frame img{display:block;height:100%;object-fit:cover;width:100%}.photo-tips-example__caption{align-items:center;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:4px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.photo-tips-example__caption--good{color:var(--success-color)}.photo-tips-example__caption--bad{color:var(--danger-color)}@media (max-width:768px){.photo-tips-panel__grid{grid-template-columns:1fr}.photo-tips-panel__title{font-size:var(--font-size-xl)}}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--border-radius,6px);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-primary,"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;justify-content:center;letter-spacing:.025em;line-height:var(--line-height-base);min-height:40px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .15s ease;transition:var(--transition-fast,all .15s ease);white-space:nowrap;width:auto}.btn:focus{box-shadow:0 0 0 3px #007bff40;box-shadow:var(--box-shadow-focus,0 0 0 3px #007bff40);outline:none}.btn:focus-visible{box-shadow:0 0 0 3px #007bff40;box-shadow:var(--box-shadow-focus,0 0 0 3px #007bff40);outline:none}.btn:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.btn-primary{background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;box-shadow:var(--box-shadow-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0069d9;background-color:var(--primary-hover,#0069d9);box-shadow:var(--box-shadow-primary);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--box-shadow-primary);transform:scale(.98)}.btn-secondary{background-color:initial;border:1px solid #007bff;border:1px solid var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.btn-secondary:hover:not(:disabled){background-color:#f0f7ff;box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm,0 1px 3px #0000001a);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-danger{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm,0 1px 3px #0000001a);transform:translateY(-2px)}.btn-warning{background-color:#ffc107;background-color:var(--warning-color,#ffc107);color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800;transform:translateY(-2px)}.btn-success{background-color:#28a745;background-color:var(--success-color,#28a745);color:#fff}.btn-success:hover:not(:disabled){background-color:#218838;transform:translateY(-2px)}.btn-ghost{background-color:initial;border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);color:#212529;color:var(--text-color,#212529)}.btn-ghost:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--light-gray,#f8f9fa);transform:translateY(-2px)}.btn-link{background-color:initial;border-radius:0;box-shadow:none;color:#007bff;color:var(--primary-color,#007bff);padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:#0056b3;color:var(--primary-hover,#0056b3);text-decoration:underline}.btn-download{background-color:#106cc8;background-color:var(--primary-color,#106cc8);border:none;border-radius:6px;color:#fff;font-weight:var(--font-weight-medium);padding:12px 20px;transition:background-color .2s}.btn-download:hover:not(:disabled){background-color:#0e5aa8}.btn-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;padding:8px;width:40px}.btn-small{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:6px 12px}.btn-medium{font-size:1rem;font-size:var(--font-size-base,1rem);padding:10px 20px}.btn-large{padding:12px 24px}.btn-full,.btn-large{font-size:1.125rem;font-size:var(--font-size-md,1.125rem)}.btn-full{padding:15px 30px;width:100%}.btn-icon-left{margin-right:8px}.btn-icon-left,.btn-icon-right{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.btn-icon-right{margin-left:8px}.btn-full-width{display:flex;width:100%}@media (max-width:768px){.btn-full-width,.btn-mobile-full{display:flex;width:100%}}.btn-loading{cursor:wait;position:relative}.btn-loading .btn-text{opacity:.7;visibility:visible}.btn-text{align-items:center;display:inline-flex;flex:0 1 auto;justify-content:center;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:240px){.btn-text{line-height:var(--line-height-tight);white-space:normal}}.btn-spinner{animation:btn-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;position:relative;width:16px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-danger.btn-loading:after,.btn-primary.btn-loading:after,.btn-success.btn-loading:after,.btn-warning.btn-loading:after{border-bottom-color:#fff3;border-right-color:#fff3;border-top-color:#fff3}.btn-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.btn-group{align-items:center;display:flex}.btn-group-horizontal{flex-direction:row}.btn-group-vertical{flex-direction:column}.btn-group-align-start{justify-content:flex-start}.btn-group-align-center{justify-content:center}.btn-group-align-end{justify-content:flex-end}.btn-group-align-space-between{justify-content:space-between}.btn-group-gap-small{gap:8px}.btn-group-gap-medium{gap:15px}.btn-group-gap-large{gap:24px}@media (max-width:768px){.btn-group-horizontal{flex-direction:column}.btn-group .btn{width:100%}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.btn-spinner{animation:none}}.ui-container{box-sizing:border-box;width:100%}.ui-container-padding-xs{padding:8px}.ui-container-padding-sm{padding:12px}.ui-container-padding-md{padding:20px}.ui-container-padding-lg{padding:28px}.ui-container-padding-xl{padding:36px}.ui-container-margin-xs{margin:8px}.ui-container-margin-sm{margin:12px}.ui-container-margin-md{margin:20px}.ui-container-margin-lg{margin:28px}.ui-container-margin-xl{margin:36px}.ui-container-radius-none{border-radius:0}.ui-container-radius-sm{border-radius:4px}.ui-container-radius-md{border-radius:6px;border-radius:var(--border-radius,6px)}.ui-container-radius-lg{border-radius:12px}.ui-container-radius-full{border-radius:50%}.ui-container-shadow-none{box-shadow:none}.ui-container-shadow-sm{box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm,0 1px 3px #0000001a)}.ui-container-shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow,0 4px 6px #0000001a)}.ui-container-shadow-lg{box-shadow:0 10px 15px #0000001a}.ui-container-shadow-xl{box-shadow:0 20px 25px #00000026}.ui-container-bg-white{background-color:#fff}.ui-container-bg-gray{background-color:#f8f9fa;background-color:var(--light-gray,#f8f9fa)}.ui-container-bg-transparent{background-color:initial}.ui-container-bordered{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6)}.ui-container-centered{margin-left:auto;margin-right:auto}.ui-container-disabled{opacity:.6;pointer-events:none}@media (max-width:768px){.ui-container-padding-lg{padding:20px}.ui-container-padding-xl{padding:24px}.ui-container-margin-lg{margin:20px}.ui-container-margin-xl{margin:24px}}.header{background-color:#fff;box-shadow:var(--box-shadow);box-sizing:border-box;color:var(--text-color);height:60px;justify-content:space-between;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-normal);width:100%;z-index:1050}.header,.header-left,.home-link{align-items:center;display:flex}.home-link{border-radius:var(--border-radius);color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:var(--transition-fast)}.home-link:hover{background-color:#007bff14;text-decoration:none;transform:translateY(-1px)}.home-link:focus{outline:none}.home-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.header-nav{align-items:center;display:flex}.header-nav-desktop{display:flex;margin-right:var(--spacing-md)}.header-link{align-items:center;border-radius:8px;color:var(--secondary-color);display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 2px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:background-color .15s ease,color .15s ease}.header-link:hover{background-color:#0000000d;color:var(--text-color);text-decoration:none}.header-link:focus{outline:none}.header-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.header-icon{cursor:pointer;height:24px;margin:0 var(--spacing-sm);transition:transform .2s ease;width:24px}.header-icon:hover{transform:scale(1.1)}.header-logo{height:32px;margin-left:0;margin-right:var(--spacing-xs);width:32px}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--width-page);padding:0 var(--spacing-md);width:100%}.logo h1{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.mobile-menu-container{align-items:center;display:none;position:relative}.hamburger-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none!important;box-shadow:none!important;box-sizing:initial!important;cursor:pointer;display:flex!important;flex-direction:column;gap:5px;justify-content:center;line-height:1;margin:0;min-height:24px;outline:none!important;padding:var(--spacing-sm)!important;width:auto!important;z-index:1060}.hamburger-button:active,.hamburger-button:focus,.hamburger-button:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.hamburger-line{background-color:#212529;background-color:var(--text-color,#212529);border-radius:1px;display:block;flex-shrink:0;height:2px;transform-origin:center;transition:all .25s ease;transition:var(--transition-normal,all .25s ease);width:24px}.hamburger-button.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{background-color:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;margin-top:var(--spacing-sm);min-width:150px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1055}.mobile-nav.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-link{border-bottom:1px solid #f0f0f0;color:var(--text-color);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{background-color:#f5f5f5;color:var(--primary-color);text-decoration:none}.mobile-nav-language{border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:var(--spacing-md) var(--spacing-lg)}.desktop-language-switcher{align-items:center;display:flex}@media (max-width:768px){.header{height:50px;padding:0 var(--spacing-md)}.desktop-language-switcher,.header-nav-desktop{display:none}.mobile-menu-container{display:flex}.logo h1{font-size:var(--font-size-lg)}}@media (max-width:480px){.header{padding:0 var(--spacing-sm)}.header-icon{height:20px;margin:0 var(--spacing-xs);width:20px}.home-link{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm)}.logo h1{font-size:var(--font-size-md)}}@media (max-width:428px){.header{padding:0 var(--spacing-xs)}.home-link{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.header-logo{height:28px;width:28px}.header-icon{height:18px;margin:0 2px;width:18px}.mobile-nav{min-width:130px}.mobile-nav-link{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:375px){.home-link{font-size:var(--font-size-xs)}.header-logo{height:24px;width:24px}}.cart-container,.cart-icon{align-items:center;display:flex;position:relative}.cart-icon{cursor:pointer;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.cart-icon:hover{opacity:.7}.cart-counter{align-items:center;background-color:var(--danger-color);border-radius:var(--border-radius-circle);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:700;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.cart-panel{animation:slide-in .3s ease-out;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-height:400px;overflow-y:auto;padding:var(--spacing-md);position:absolute;right:0;top:100%;width:300px;z-index:1000}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cart-panel h3{border-bottom:1px solid var(--medium-gray);margin-top:0;padding-bottom:var(--spacing-sm)}.empty-cart{color:var(--text-muted);font-style:italic;padding:var(--spacing-md) 0;text-align:center}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cart-item{align-items:center;border-bottom:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;padding:var(--spacing-sm);transition:var(--transition-fast)}.cart-item:hover{background-color:var(--light-gray)}.item-preview-wrapper{flex-shrink:0;margin-right:var(--spacing-sm);position:relative}.item-preview{align-items:center;background-color:var(--light-gray);border-radius:var(--border-radius);display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.item-preview img{border-radius:var(--border-radius);height:100%;object-fit:contain;width:100%}.no-preview{color:var(--text-muted);font-size:var(--font-size-xs);height:100%;text-align:center;width:100%}.item-status-badge,.no-preview{align-items:center;display:flex;justify-content:center}.item-status-badge{background-color:#fff;border-radius:50%;bottom:-4px;box-shadow:0 1px 2px #00000026;height:18px;line-height:0;position:absolute;right:-4px;width:18px}.item-status-badge svg{display:block}.item-status-badge.status-pass{color:#28a745;color:var(--success-color,#28a745)}.item-status-badge.status-fail{color:#dc3545;color:var(--danger-color,#dc3545)}.item-info{flex:1 1}.item-info h4{font-size:var(--font-size-sm);margin:0 0 4px}.item-info p{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.cart-item-countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.cart-note{border-top:1px solid var(--medium-gray);color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);text-align:center}.inline-status-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:.4em;vertical-align:-.2em}.inline-status-icon svg{display:block}.inline-status-icon.success{color:#22c55e}.inline-status-icon.danger{color:#ef4444}.inline-status-icon.warning{color:#f59e0b}.inline-status-icon.neutral{color:#6b7280}.language-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:inline-flex;height:36px;justify-content:center;overflow:hidden;padding:0;transition:var(--transition-colors),var(--transition-transform);width:36px}.language-toggle svg{border-radius:2px;display:block;height:auto;width:26px}.language-toggle:hover{background-color:var(--color-primary-light)}.language-toggle:focus,.language-toggle:focus-visible{box-shadow:none;outline:none}.language-toggle:active{transform:scale(.95)}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:var(--transition-colors),var(--transition-transform);width:36px}.theme-toggle:hover{background-color:var(--color-primary-light);color:var(--primary-color)}.theme-toggle:focus,.theme-toggle:focus-visible{box-shadow:none;outline:none}.theme-toggle:active{transform:scale(.95)}.photo-uploader-container{flex-direction:column;min-width:150px;z-index:1}.photo-uploader-container,.upload-button{align-items:center;display:flex;position:relative;width:100%}.upload-button{background-color:#106cc8;background-color:var(--primary-color,#106cc8);border:none;border-radius:6px;border-radius:var(--border-radius,6px);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;max-width:100%;min-height:48px;overflow:hidden;transition:all .2s ease}.upload-button,.upload-button:hover{box-shadow:var(--box-shadow-primary)}.upload-button:hover{background-color:#0069d9;background-color:var(--primary-hover,#0069d9);transform:translateY(-2px)}.upload-button:active:not(:disabled){box-shadow:var(--box-shadow-primary);transform:scale(.98)}.upload-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;pointer-events:none;transform:none}.upload-button.uploading{cursor:wait;position:relative}.upload-button.uploading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:30%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.upload-button.success{background-color:var(--success-color);cursor:default;pointer-events:none}.upload-button.success:disabled{opacity:1}.upload-button.success:before{animation:pop .3s ease-out;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-2.02'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px 20px;content:"";height:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.upload-icon{fill:none;display:inline-flex;flex-shrink:0;height:20px;position:relative;width:20px}.drop-area,.upload-icon{align-items:center;justify-content:center}.drop-area{background-color:var(--primary-color-light);border:2px dashed var(--primary-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;height:180px;padding:20px;text-align:center;transition:all .2s ease;width:100%}.drop-area:hover{background-color:#007bff26;border-color:var(--primary-color-dark)}.upload-separator{color:var(--text-muted);display:block;font-weight:600;margin:8px 0}.selected-product{color:var(--text-muted);margin-top:8px}.error,.selected-product{font-size:var(--font-size-sm)}.error{background-color:var(--danger-light);border-left:3px solid var(--danger-color);border-radius:6px;color:var(--danger-color);margin-top:12px;max-width:100%;padding:12px 16px;text-align:left;width:100%}.photo-guide{align-items:center;display:flex;flex-direction:column;margin-top:16px;max-width:500px;width:100%}.caution-title{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;margin:0 0 8px;max-width:450px;text-align:center;text-transform:uppercase;width:100%}.caution-list{list-style:disc;margin:0 0 16px;max-width:450px;padding:0 0 0 1.1rem;text-align:left;width:100%}.caution-list li{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);list-style:disc;margin:0 0 4px}.caution-list li:last-child{margin-bottom:0}.caution-list .photo-guide-link a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:underline}@media (max-width:240px){.upload-button{min-height:44px;padding:12px 16px}.upload-icon{height:16px;width:16px}.btn-icon-left{margin-right:4px}.btn-text{font-size:var(--font-size-sm)}}@media (max-width:428px){.photo-uploader-container{min-width:100%;width:100%}.upload-button{font-size:var(--font-size-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.drop-area{height:140px;padding:var(--spacing-md)}.upload-separator{font-size:var(--font-size-sm)}.photo-guide{margin-top:var(--spacing-md)}.error{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:375px){.drop-area{height:120px;padding:var(--spacing-sm)}.upload-button{font-size:var(--font-size-xs);min-height:40px}}.homepage-container{grid-gap:var(--spacing-grid);align-items:stretch;display:grid;gap:var(--spacing-grid);grid-template-columns:1fr 1fr}.homepage-headline{margin:0 0 var(--spacing-lg)}.homepage-headline__title{margin:0}@media (max-width:576px){.homepage-headline{margin-bottom:var(--spacing-md)}}.homepage-hero{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-areas:"main     preview" "uploader preview";grid-template-columns:7fr 5fr}.homepage-hero__main{grid-area:main;min-width:0}.homepage-hero__preview{grid-area:preview;min-width:0}.homepage-hero__uploader{grid-area:uploader;min-width:0}.homepage-hero__uploader .upload-button .upload-icon{height:18px;width:18px}@media (max-width:992px){.homepage-hero{grid-template-areas:"main" "preview" "uploader";grid-template-columns:1fr}}.explanation-card,.order-preparation-card{background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.card-title{background-color:var(--primary-50);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;padding:var(--spacing-lg)}.order-preparation-column{display:flex;flex-direction:column;height:100%;margin-top:0;overflow:visible;position:relative;z-index:auto}.order-preparation-card{flex:1 1;padding:5px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.order-preparation-card .photo-display-image-container{margin:0 8px 0 0}.order-preparation-card .photo-display-product-info{padding-left:0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--primary-color-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-top:var(--spacing-md);width:40px}.error-container,.no-products-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.error-message{color:#dc3545;color:var(--color-error,#dc3545);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.retry-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.025em;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:var(--transition-normal)}.retry-button:hover{background-color:#0056b3;background-color:var(--primary-color-dark,#0056b3);transform:translateY(-1px)}.no-products-container p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.explanation-column{display:flex;flex-direction:column;height:100%}.explanation-card{padding:5px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.explanation-text{background:var(--color-well);border-left:4px solid var(--primary-color);border-radius:var(--radius-card);color:var(--text-color);font-size:1.25rem;font-weight:500;letter-spacing:.02em;margin-top:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center}.explanation-text strong{color:var(--primary-color);font-weight:800}.image-container{align-items:center;display:flex;justify-content:center;margin-top:var(--spacing-md);padding:0}.explanation-image{border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);height:auto;max-width:100%}.image-slideshow-container{margin-top:var(--spacing-md);position:relative}.image-slide{align-items:center;display:flex;height:300px;justify-content:center;overflow:hidden}.image-slide .explanation-image{border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:opacity .3s ease-in-out;width:auto}.image-slideshow-controls{align-items:center;justify-content:center}.image-slideshow-controls,.steps-container{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.steps-container{flex-direction:row;padding:0}.step{align-items:center;background-color:var(--primary-50);border-radius:var(--radius-card);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:center;transition:var(--transition-normal)}.step:hover{box-shadow:var(--box-shadow-sm);transform:translateY(-2px)}.step-number{align-items:center;aspect-ratio:1/1;-webkit-aspect-ratio:1/1;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;margin:0 auto;min-height:36px;min-width:36px;position:relative;width:36px}.step-text{color:var(--text-color);font-size:var(--font-size-base);text-align:center}@media (max-width:992px){.homepage-container{grid-template-columns:1fr}.explanation-card,.order-preparation-card{max-width:100%}}@media (max-width:768px){.steps-container{flex-direction:column;gap:var(--spacing-md)}.step{align-items:center;flex-direction:row;gap:var(--spacing-md);text-align:left}.step-number{height:32px;margin:0;min-height:32px;min-width:32px;width:32px}.step-number,.step-text{font-size:var(--font-size-base)}.step-text{flex:1 1;line-height:var(--line-height-base);text-align:left}.image-slide{height:250px}}@media (max-width:428px){.homepage-container{gap:var(--spacing-md)}.explanation-card,.order-preparation-card{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.step{padding:var(--spacing-sm) var(--spacing-md)}.step-number{height:28px;min-height:28px;min-width:28px;width:28px}.step-number,.step-text{font-size:var(--font-size-sm)}.explanation-text{font-size:1rem;padding:var(--spacing-sm)}.image-slide{height:200px}}@media (max-width:576px){.card-title{font-size:var(--font-size-md);padding:var(--spacing-md)}.step{padding:var(--spacing-sm) var(--spacing-md)}.step-number{height:30px;min-height:30px;min-width:30px;width:30px}.step-text{font-size:var(--font-size-sm)}}.user-showcase-section{background:var(--color-well);margin-top:var(--spacing-xxl);padding:var(--spacing-xxl) 0}.showcase-header{margin-bottom:var(--spacing-xxl);margin-left:auto;margin-right:auto;max-width:800px;padding:0 var(--spacing-lg);text-align:center}.showcase-title{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.showcase-subtitle{color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:0}.slideshow-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-lg);position:relative}.testimonial-slide{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--box-shadow);overflow:hidden;padding:var(--spacing-xxl);position:relative;text-align:center}.testimonial-slide:before{background:var(--primary-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.testimonial-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.quote-text,.testimonial-text{position:relative}.quote-text{color:var(--text-color);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);margin:0;max-width:600px}.quote-text:after,.quote-text:before{color:var(--primary-color);content:'"';font-size:var(--font-size-xxl);font-weight:700;position:absolute;top:-10px}.quote-text:before{left:-20px}.quote-text:after{right:-20px}.user-info{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-name{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.user-details{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-base);gap:var(--spacing-xs);justify-content:center;margin:0}.document-type{color:var(--primary-color);font-weight:var(--font-weight-medium)}.separator,.user-country{color:var(--text-muted)}.star-rating{display:flex;gap:2px;justify-content:center}.star{color:var(--border-color);font-size:var(--font-size-md);transition:color .2s ease}.star.filled{color:gold}.slideshow-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.slide-arrow,.slideshow-controls{align-items:center;justify-content:center}.slide-arrow{-webkit-tap-highlight-color:transparent;background:#0000;border:none!important;box-shadow:none!important;color:var(--primary-color);cursor:pointer;display:inline-flex!important;flex-shrink:0;font-size:var(--font-size-xl);font-weight:700;line-height:1;max-width:-webkit-fit-content!important;max-width:fit-content!important;min-width:auto!important;outline:none!important;padding:var(--spacing-sm)!important;transition:color .2s ease;-webkit-user-select:none;user-select:none;width:auto!important}.slide-arrow:active,.slide-arrow:focus,.slide-arrow:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.slide-arrow:hover{color:var(--primary-color)}.slide-dots{align-items:center;display:flex;gap:var(--spacing-sm)}.slide-dot{background:var(--primary-color-light);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.slide-dot.active{background:var(--primary-color);transform:scale(1.3)}.slide-dot:hover{background:var(--primary-color);transform:scale(1.1)}.showcase-cta{margin-top:var(--spacing-xxl);padding:0 var(--spacing-lg);text-align:center}.cta-text{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}@media (max-width:768px){.user-showcase-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0}.showcase-header{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.showcase-title{font-size:var(--font-size-xl)}.showcase-subtitle{font-size:var(--font-size-base)}.slideshow-container{padding:0 var(--spacing-md)}.testimonial-slide{padding:var(--spacing-lg)}.quote-text{font-size:var(--font-size-base)}.quote-text:after,.quote-text:before{font-size:var(--font-size-xl);top:-8px}.quote-text:before{left:-15px}.quote-text:after{right:-15px}.user-details{flex-direction:column;gap:var(--spacing-xs)}.separator{display:none}.slide-arrow{font-size:var(--font-size-lg);padding:var(--spacing-xs)}.slideshow-controls{gap:var(--spacing-sm)}.showcase-cta{margin-top:var(--spacing-xl);padding:0 var(--spacing-md)}.cta-text{font-size:var(--font-size-base)}}@media (max-width:480px){.slideshow-container{padding:0 var(--spacing-sm)}.testimonial-slide{padding:var(--spacing-md)}.quote-text:after,.quote-text:before{display:none}.showcase-cta{padding:0 var(--spacing-sm)}}.product-selection-loading{opacity:.6;pointer-events:none;position:relative}.loading-indicator-overlay{background:#ffffffe6;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:var(--text-muted);font-size:var(--font-size-sm);left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:60vh}.not-found-content{background:var(--color-card);border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:var(--box-shadow-lg);margin:0 auto;max-width:600px;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;width:100%}.not-found-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:6rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-md)}.not-found-title{margin-bottom:var(--spacing-md);text-align:center}.not-found-description{color:var(--text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xxl)}.not-found-button{align-items:center;border-radius:var(--border-radius-lg);display:inline-flex;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium,500);justify-content:center;letter-spacing:.025em;min-height:48px;min-width:150px;padding:.75rem 1.75rem;text-decoration:none;text-transform:uppercase;transition:var(--transition-normal)}.not-found-button.primary{background-color:var(--primary-color);color:var(--white)}.not-found-button.primary:hover{background-color:var(--primary-hover);box-shadow:var(--box-shadow-md);text-decoration:none;transform:translateY(-2px)}.not-found-button.secondary{background-color:var(--light-gray);border:2px solid var(--border-color);color:var(--text-color)}.not-found-button.secondary:hover{background-color:var(--medium-gray);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.not-found-suggestions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-xl)}.not-found-suggestions h2{color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.not-found-suggestions a{color:var(--primary-color);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.not-found-suggestions a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:768px){.not-found-content{padding:var(--spacing-xl) var(--spacing-lg)}.not-found-icon{font-size:4rem}.not-found-actions{align-items:center;flex-direction:column}.not-found-button{max-width:250px;width:100%}}.title-status-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;vertical-align:middle;width:40px}.title-status-icon svg{display:block}.title-status-icon.status-pass{background-color:#28a74526;color:#28a745;color:var(--success-color,#28a745)}.title-status-icon.status-fail{background-color:#dc354526;color:#dc3545;color:var(--danger-color,#dc3545)}.loading-indicator{align-items:center;display:flex;flex-direction:column;padding:30px 0;padding:var(--spacing-xl,30px) 0}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #007bff33;border-radius:50%;border-top:5px solid var(--primary-color,#007bff);height:50px;margin-bottom:15px;margin-bottom:var(--spacing-md,15px);width:50px}@keyframes spin{to{transform:rotate(1turn)}}.processing-spinner-page{margin:0 auto;max-width:720px;padding:16px;padding:var(--spacing-md,16px)}.processing-spinner-card,.processing-spinner-page{align-items:center;display:flex;flex-direction:column}.processing-spinner-card{background:#fff;background:var(--white,#fff);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-sm,0 1px 3px #0000000f);gap:16px;gap:var(--spacing-md,16px);padding:32px 24px;padding:var(--spacing-xl,32px) var(--spacing-lg,24px);width:100%}.processing-spinner-ring{align-items:center;animation:spin 1s linear infinite;border:4px solid #007bff1f;border-radius:50%;border-top:4px solid var(--primary-color,#007bff);display:flex;height:80px;justify-content:center;position:relative;width:80px}.processing-spinner-icon{animation:spin 1s linear infinite reverse;color:#007bff;color:var(--primary-color,#007bff);position:absolute}.processing-spinner-title{color:#0f172a;color:var(--text-color,#0f172a);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0;text-align:center}.processing-spinner-message{color:#64748b;color:var(--text-muted,#64748b);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin:0;text-align:center}.processing-security-footer{align-items:center;color:#94a3b8;display:inline-flex;font-size:.75rem;gap:.5rem;margin-top:24px;margin-top:var(--spacing-lg,24px)}.processing-security-footer svg{flex-shrink:0}.subtle-text{color:#6c757d;color:var(--text-muted,#6c757d);font-size:var(--font-size-sm);margin-top:10px;margin-top:var(--spacing-sm,10px)}.processing-empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:520px;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.processing-empty-state p{color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.processing-empty-state .btn-group .btn{width:auto}.result-content{grid-gap:30px;grid-gap:var(--spacing-xl,30px);align-items:start;display:grid;gap:30px;gap:var(--spacing-xl,30px);grid-template-areas:"title   title" "details preview";grid-template-columns:1fr 1fr;margin-top:0}.result-content>.result-details__header{grid-area:title;margin:0}.result-details{grid-area:details}.result-details,.result-details-body{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.result-content>.preview-image{grid-area:preview}.result-details__header{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm,12px);margin:0}.result-details__header .title-status-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.preview-image{text-align:center}.preview-image .photo-display-container{margin-top:0}.result-image{border-radius:6px;border-radius:var(--border-radius,6px);box-shadow:0 2px 10px #0000000d;box-shadow:var(--box-shadow,0 2px 10px #0000000d);max-height:400px;max-width:100%}.verification-details{background:var(--white);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--box-shadow-sm);margin:0;padding:16px;padding:var(--spacing-md,16px)}.verification-details__title{color:#94a3b8;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.15em;margin:0 0 16px;margin:0 0 var(--spacing-md,16px);text-transform:uppercase}.verification-details__list{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px)}.error-details{background:var(--white);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--box-shadow-sm);margin:0;padding:16px;padding:var(--spacing-md,16px)}.error-details__title{color:#94a3b8;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.15em;margin:0 0 16px;margin:0 0 var(--spacing-md,16px);text-transform:uppercase}.error-details__list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.error-details__list .cropping-failure-reasons,.error-details__list .icao-results,.error-details__list .quality-warnings{margin-bottom:0}.verification-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;border-radius:var(--border-radius,8px);display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:18px 20px;padding:var(--spacing-md,18px) var(--spacing-md,20px)}.verification-row__main{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm,12px);justify-content:space-between;min-height:28px}.verification-row__label{align-items:center;color:#334155;display:inline-flex;font-size:.9375rem;font-size:var(--font-size-base,.9375rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:14px;gap:var(--spacing-md,14px);min-width:0}.verification-row__label>span{overflow-wrap:anywhere}.verification-row__icon{color:var(--primary-color);flex-shrink:0}.verification-badge{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold,700);gap:.375rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.verification-row--complete .verification-badge{color:var(--success-color)}.verification-row--error .verification-badge{color:var(--danger-color)}.verification-row--warning .verification-badge{color:var(--warning-color)}.verification-row--skipped .verification-badge{color:#64748b}.verification-row__details{border-top:1px dashed #e2e8f0;color:#475569;font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-snug);margin-top:10px;margin-top:var(--spacing-sm,10px);padding-top:10px;padding-top:var(--spacing-sm,10px)}.verification-row__details p{margin:0}.verification-row__details p+p{margin-top:6px}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px;width:100%}.result-details-action:empty{display:none}.ai-beautify-tip{color:#6b7280;font-size:var(--font-size-sm);margin:12px 0 0;text-align:center}.ai-beautify-tip a{color:#6b7280;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:3px}.ai-beautify-tip a:hover{color:#007bff;color:var(--primary-color,#007bff);-webkit-text-decoration-style:solid;text-decoration-style:solid}.primary-button{background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;border-radius:6px;border-radius:var(--border-radius,6px);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:12px 20px;transition:background-color .2s;width:100%}.primary-button:hover{background-color:#0069d9;background-color:var(--primary-hover,#0069d9);box-shadow:var(--box-shadow);transform:translateY(-2px)}.secondary-button{background-color:#fff;border:1px solid #007bff;border:1px solid var(--primary-color,#007bff);border-radius:6px;border-radius:var(--border-radius,6px);color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:12px 20px;transition:all .2s;width:100%}.secondary-button:hover{background-color:var(--primary-50)}.big-checkout-button{align-items:center;display:flex;font-size:var(--font-size-md);justify-content:center;min-height:50px;min-width:250px;padding:15px 30px;width:100%}.full-width-button{width:100%}.icao-results{background-color:var(--light-gray)}.icao-results,.quality-warnings{border-radius:6px;border-radius:var(--border-radius,6px);margin-bottom:20px;padding:15px 20px}.quality-warnings{background-color:#ffc10726;background-color:var(--color-warning-light,#ffc10726);border-left:4px solid #ffc107;border-left:4px solid var(--warning-color,#ffc107)}.quality-warnings h3{color:var(--text-color);font-size:var(--font-size-md);margin-bottom:15px;margin-top:0}.quality-warnings ul{margin:0;padding-left:20px}.quality-warnings li{color:var(--text-color);margin-bottom:5px}.icao-results h3{font-size:var(--font-size-md);margin-bottom:15px;margin-top:0}.icao-results ul{margin:0;padding-left:20px}.icao-results li{margin-bottom:5px}.photo-with-ruler{box-sizing:border-box;display:inline-block;margin:30px auto;max-width:100%;position:relative}.dimension-ruler{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);font-weight:500;justify-content:center;position:absolute;z-index:5}.horizontal-ruler{height:35px;left:-10px;top:-35px;width:calc(100% + 20px)}.vertical-ruler{height:calc(100% + 20px);left:-35px;top:-10px;width:35px}.horizontal-ruler:before{height:1px;left:10px;right:10px;top:50%;transform:translateY(-50%)}.horizontal-ruler:before,.vertical-ruler:before{background-color:var(--text-muted);content:"";position:absolute}.vertical-ruler:before{bottom:10px;left:50%;top:10px;transform:translateX(-50%);width:1px}.horizontal-ruler .left-edge{background-color:var(--text-muted);height:100%;left:10px;position:absolute;top:0;width:1px}.horizontal-ruler .left-edge:before{border-bottom:5px solid #0000;border-right:8px solid var(--text-muted);border-top:5px solid #0000;content:"";left:0;position:absolute;top:50%;transform:translateY(-50%)}.horizontal-ruler .right-edge{background-color:var(--text-muted);height:100%;position:absolute;right:10px;top:0;width:1px}.horizontal-ruler .right-edge:before{border-bottom:5px solid #0000;border-left:8px solid var(--text-muted);border-top:5px solid #0000;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%)}.vertical-ruler .top-edge{background-color:var(--text-muted);height:1px;left:0;position:absolute;top:10px;width:100%}.vertical-ruler .top-edge:before{border-bottom:8px solid var(--text-muted);border-left:5px solid #0000;border-right:5px solid #0000;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%)}.vertical-ruler .bottom-edge{background-color:var(--text-muted);bottom:10px;height:1px;left:0;position:absolute;width:100%}.vertical-ruler .bottom-edge:before{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--text-muted);bottom:0;content:"";left:50%;position:absolute;transform:translateX(-50%)}.dimension-ruler-text{background-color:#fff;padding:0 5px;position:absolute;z-index:3}.horizontal-ruler .dimension-ruler-text,.vertical-ruler .dimension-ruler-text{left:50%;top:50%;transform:translate(-50%,-50%)}.vertical-ruler .dimension-ruler-text{transform-origin:center;writing-mode:vertical-rl}@media (max-width:768px){.result-content{grid-template-areas:"title" "preview" "details";grid-template-columns:1fr}.preview-image{margin-bottom:0}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.vertical-ruler{left:-30px;width:30px}.processing-result-photo .photo-display-content{flex-direction:column}.processing-result-photo .photo-display-image-container{margin-bottom:15px;margin-bottom:var(--spacing-md,15px);margin-right:0;width:100%!important}.processing-result-photo .photo-display-product-info{width:100%}}@media (max-width:480px){.processing-container{padding:var(--spacing-md)}.photo-with-ruler{margin:var(--spacing-md) var(--spacing-sm)}.horizontal-ruler{height:25px;top:-25px}.vertical-ruler{left:-25px;width:25px}}.ui-loading{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.ui-loading-centered{justify-content:center;text-align:center}.ui-loading-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ui-loading-spinner{animation:ui-loading-spin 1s linear infinite;border-radius:50%;border-style:solid}.ui-loading-small .ui-loading-spinner{border-width:2px;height:16px;width:16px}.ui-loading-medium .ui-loading-spinner{border-width:3px;height:24px;width:24px}.ui-loading-large .ui-loading-spinner{border-width:4px;height:32px;width:32px}.ui-loading-primary .ui-loading-spinner{border-color:#dee2e6;border-color:var(--border-color,#dee2e6);border-top-color:#007bff;border-top-color:var(--primary-color,#007bff)}.ui-loading-secondary .ui-loading-spinner{border-color:#dee2e6;border-color:var(--border-color,#dee2e6);border-top-color:#6c757d;border-top-color:var(--text-muted,#6c757d)}.ui-loading-white .ui-loading-spinner{border-color:#fff #ffffff4d #ffffff4d}.ui-loading-message{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem;font-size:var(--font-size-sm,.875rem);text-align:center}.ui-loading-small .ui-loading-message{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.ui-loading-large .ui-loading-message{font-size:1rem;font-size:var(--font-size-base,1rem)}.ui-loading-disabled{opacity:.5}@keyframes ui-loading-spin{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.daa7eb25.css.map*/