#mascot{position:fixed;bottom:0;right:20px;width:180px;height:240px;z-index:9999;pointer-events:none}.products-page{min-height:100vh;background:transparent}.products-container{max-width:none;margin:0;padding:40px 0}.products-header{text-align:center;margin-bottom:60px;margin-top:40px}.products-title{font-size:42px;font-weight:800;color:#fff;margin-bottom:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.error-state{text-align:center;padding:80px 20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-width:500px;margin:0 auto}.error-state h2{font-size:24px;font-weight:700;color:#111827;margin-bottom:12px}.error-state p{font-size:16px;color:#6b7280;margin-bottom:24px;line-height:1.5}.retry-btn{padding:12px 24px;background-color:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px}.retry-btn:hover{background-color:#4338ca;box-shadow:0 4px 12px #4f46e54d}@media (max-width: 768px){.products-container{padding:40px 0}.products-header{margin-bottom:64px}.products-title{font-size:32px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-subtitle{font-size:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px}.modal-content{background:#fff;width:100%;max-width:640px;border-radius:16px;box-shadow:0 20px 60px #00000059;outline:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-title{margin:0;font-size:20px;font-weight:700}.modal-close{appearance:none;border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer}.modal-body{padding:24px}.product-detail-page{min-height:100vh;background-color:var(--color-bg-primary)}.product-detail-container{max-width:none;margin:0;padding:var(--spacing-10) 0}.breadcrumb{display:flex;align-items:center;margin-bottom:var(--spacing-10);font-size:var(--font-size-sm)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.breadcrumb-link:hover{color:var(--color-primary-hover);background-color:var(--color-primary-light)}.breadcrumb-separator{margin:0 var(--spacing-3);color:var(--color-text-secondary)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.loading-state{text-align:center;padding:var(--spacing-20) var(--spacing-5)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-state{text-align:center;padding:var(--spacing-20) var(--spacing-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);max-width:500px;margin:0 auto;border:1px solid var(--color-border-light)}.error-state h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-normal)}.error-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:start}.product-image-section{position:relative}.product-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.carousel{position:relative;width:100%;height:100%}.carousel__title{position:absolute;left:0;right:0;top:0;padding:14px 16px;color:#fff;font-weight:var(--font-weight-extrabold);font-size:1.5rem;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.35);background:linear-gradient(180deg,#00000040,#0000);pointer-events:none;z-index:3}@media (min-width: 1024px){.carousel__title{font-size:2.5rem;padding:18px 20px}}.carousel__viewport{width:100%;height:100%;position:relative;overflow:hidden}.carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base);display:flex;align-items:center;justify-content:center}.carousel__slide.is-active{opacity:1}.product-video{width:100%;height:100%;object-fit:cover}.carousel__control{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--radius-full);border:none;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.carousel__control--prev{left:10px}.carousel__control--next{right:10px}.carousel__dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.carousel__dot{width:8px;height:8px;border-radius:var(--radius-full);background:#00000040;border:1px solid rgba(255,255,255,.6)}.carousel__dot.is-active{background:#4f46e5;border-color:#4f46e5}.option-group{margin-top:var(--spacing-6)}.option-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.option-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.option-chip{padding:8px 14px;border-radius:9999px;border:1px solid #1f2937;background:#111827;color:#e5e7eb;cursor:pointer;font-weight:var(--font-weight-medium);font-size:.9rem;letter-spacing:.02em;transition:all var(--transition-base)}.option-chip:hover{border-color:#374151}.option-chip.is-active{background:#e5e7eb;color:#111827;border-color:#e5e7eb}.image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.product-image{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.product-image.loading{opacity:0}.product-info-section{display:flex;flex-direction:column;justify-content:center}.product-info{max-width:640px}.product-title{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-5);line-height:var(--line-height-tight)}.product-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.product-meta{margin-bottom:var(--spacing-10)}.product-category{color:var(--color-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-primary-light)}.product-price-section{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.product-price{font-size:2rem;font-weight:var(--font-weight-bold);color:#fff}.quantity-indicator{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.cart-controls{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);justify-content:center}.quantity-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--color-border-medium);border-radius:var(--radius-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base)}.quantity-btn:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.quantity-display{min-width:50px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.add-to-cart-btn{width:100%;background-color:#262626!important;color:#fff!important;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:none;cursor:pointer}.add-to-cart-btn:hover,.add-to-cart-btn.added{background-color:#262626!important}@keyframes addedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scan-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-8);background-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);min-height:var(--touch-target-comfortable)}.scan-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scan-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scan-icon{font-size:var(--font-size-xl)}.back-btn{padding:var(--spacing-3) var(--spacing-6);background-color:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border:2px solid var(--color-border-medium);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base);min-height:var(--touch-target-min)}.back-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);color:var(--color-text-primary)}.back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base);font-size:var(--font-size-base);display:inline-block;text-align:center;border:2px solid transparent;cursor:pointer;min-height:var(--touch-target-min)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-light-card{background-color:#e5e7eb;color:#111827;border-color:#e5e7eb;border-radius:9999px;padding-inline:var(--spacing-5)}.btn-light-card:hover{background-color:#d1d5db;border-color:#d1d5db}.reviews-section{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border-light);text-align:left;max-width:640px;margin-right:auto;margin-bottom:var(--spacing-12)}.reviews-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.reviews-title{font-size:1.5rem;font-weight:var(--font-weight-bold)}.reviews-empty{color:var(--color-text-secondary)}.reviews-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-5);padding:0;margin:0}.review-item{position:relative;border-radius:16px;padding:1.5rem 1.5rem 2rem;background:transparent;border:none;box-shadow:none}.review-item:before{--gap: 40px;--line: rgba(255,255,255,.95);--thickness: 2px;content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(var(--line),var(--line)) top left / calc(100% - var(--gap)) var(--thickness) no-repeat,linear-gradient(var(--line),var(--line)) bottom right / calc(100% - var(--gap)) var(--thickness) no-repeat,linear-gradient(var(--line),var(--line)) top left / var(--thickness) calc(100% - var(--gap)) no-repeat,linear-gradient(var(--line),var(--line)) bottom right / var(--thickness) calc(100% - var(--gap)) no-repeat}.review-item:after{content:"";position:absolute;right:-8px;top:-8px;width:28px;height:28px;background-image:url(/assets/images/top_right_quote-qhnvFBOF.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.review-meta{display:flex;gap:var(--spacing-4);align-items:center;margin-bottom:var(--spacing-3);flex-wrap:wrap}.review-author{font-weight:var(--font-weight-semibold)}.review-date{color:var(--color-text-muted);font-size:var(--font-size-sm)}.review-rating{color:#f59e0b}.review-comment{color:var(--color-text-primary);line-height:var(--line-height-normal)}.pd-modal-form{display:grid;gap:var(--spacing-6)}.pd-field{display:grid;gap:var(--spacing-2)}.pd-field input,.pd-field select,.pd-field textarea{border:1px solid var(--color-border-medium);border-radius:var(--radius-base);padding:12px 14px;font-size:var(--font-size-base);width:100%}.pd-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-3)}@media (max-width: 768px){.product-detail-container{padding:var(--spacing-5) var(--spacing-4)}.breadcrumb{margin-bottom:var(--spacing-6)}.product-detail-content{grid-template-columns:1fr;gap:var(--spacing-10)}.product-title{font-size:2.25rem;line-height:1.15}.similar-section{margin-top:calc(var(--spacing-16) + var(--spacing-8))}.similar-title{font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6)}.product-description{font-size:var(--font-size-base)}.scan-btn{font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6)}.error-actions{flex-direction:column;align-items:center}.btn{width:200px}}@media (pointer: coarse){.scan-btn{min-height:var(--touch-target-comfortable);padding:var(--spacing-5) var(--spacing-8)}.back-btn,.btn{min-height:var(--touch-target-comfortable);padding:var(--spacing-4) var(--spacing-6)}.breadcrumb-link{min-height:var(--touch-target-min);padding:var(--spacing-2) var(--spacing-3)}}@media (prefers-reduced-motion: reduce){.scan-btn:hover,.btn-primary:hover{transform:none}.image-skeleton{animation:none;background:var(--color-gray-200)}.loading-spinner{animation:none;border-top-color:var(--color-gray-400)}}.scanner-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,#764ba2 100%);position:relative;overflow:hidden}.camera-view{position:relative;width:100%;max-width:640px;aspect-ratio:4/3;background:#000;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.camera-video{width:100%;height:100%;object-fit:cover}.scan-frame-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;pointer-events:none}.scanner-error{text-align:center;color:var(--color-white);padding:var(--spacing-10);max-width:600px;margin:0 auto}.scanner-error .error-icon{font-size:64px;margin-bottom:var(--spacing-4)}.scanner-error .error-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.scanner-error .error-message{font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);opacity:.9}.error-help{background:#ffffff1a;padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);text-align:left}.error-help p{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.error-help ol{margin-left:var(--spacing-5);line-height:var(--line-height-relaxed)}.scanner-controls{color:var(--color-white);text-align:center}.scanning-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:var(--spacing-6);border-radius:var(--radius-lg);color:var(--color-white);text-align:center;z-index:10}.spinner{width:40px;height:40px;margin:0 auto var(--spacing-3);border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-error-message{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:var(--color-white);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-base);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.btn-capture{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-white);border:2px solid rgba(255,255,255,.3)}.btn-capture:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-capture:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.5)}.btn-outline:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-2px)}.video-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-overlay-content{position:relative;width:100%;max-width:640px;aspect-ratio:4/3;margin:0 auto}.close-overlay{position:absolute;top:-40px;right:0;background:#fff3;color:var(--color-white);border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-overlay:hover{background:#ffffff4d;transform:scale(1.1)}.overlay-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.video-metadata{background:#ffffff1a;padding:var(--spacing-4);border-radius:var(--radius-base);margin-top:var(--spacing-4);color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-metadata h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.metadata-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.metadata-description{font-size:var(--font-size-base);opacity:.9}.scanner-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.scanner-container{max-width:none;margin:0;padding:var(--spacing-10) 0;position:relative;z-index:1}.scanner-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-20);align-items:center;min-height:calc(100vh - 200px)}.scanner-visual{display:flex;justify-content:center;align-items:center}.camera-placeholder{position:relative;width:400px;height:400px;background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-xl)}.camera-icon{font-size:60px;margin-bottom:var(--spacing-8);opacity:.8}.scan-frame{position:relative;width:200px;height:200px;border:2px solid rgba(99,102,241,.7);border-radius:16px;box-shadow:0 0 0 2px #6366f126 inset,0 0 24px #6366f140;animation:frameGlow 2.2s ease-in-out infinite}.scan-corners{position:absolute;inset:0}.corner{position:absolute;width:16px;height:16px;border:3px solid rgba(99,102,241,.95);box-shadow:0 0 10px #6366f199}.corner-tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-radius:var(--radius-base) 0 0 0}.corner-tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-radius:0 var(--radius-base) 0 0}.corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-radius:0 0 0 var(--radius-base)}.corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-radius:0 0 var(--radius-base) 0}.scan-line{position:absolute;top:8px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,rgba(99,102,241,1),transparent);filter:drop-shadow(0 0 8px rgba(99,102,241,.8));border-radius:999px;animation:scan 1.8s ease-in-out infinite}@keyframes scan{0%{transform:translateY(0);opacity:1}50%{transform:translateY(160px);opacity:.9}to{transform:translateY(0);opacity:1}}@keyframes frameGlow{0%,to{box-shadow:0 0 0 2px #6366f126 inset,0 0 18px #6366f138}50%{box-shadow:0 0 0 2px #6366f140 inset,0 0 28px #6366f159}}.scanner-info{color:var(--color-white)}.scanner-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);text-shadow:0 2px 4px rgba(0,0,0,.3)}.scanner-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--spacing-6);text-shadow:0 2px 4px rgba(0,0,0,.3)}.scanner-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10);opacity:.9;max-width:500px}.features-preview{margin-bottom:var(--spacing-10)}.feature-item{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#ffffff1a;border-radius:var(--radius-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:var(--font-size-xl)}.feature-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.scanner-actions{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-10);flex-wrap:wrap}.btn{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base);font-size:var(--font-size-base);display:inline-block;text-align:center;border:2px solid transparent;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:var(--touch-target-comfortable)}.btn-primary{background:#fff3;color:var(--color-white);border-color:#ffffff4d}.btn-primary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.btn-secondary{background:#ffffffe6;color:var(--color-primary);border-color:#ffffffe6}.btn-secondary:hover{background:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.coming-soon-badge{display:inline-block}.badge-text{background:linear-gradient(135deg,var(--color-warning),#f59e0b);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:var(--shadow-md)}@media (max-width: 768px){.scanner-container{padding:var(--spacing-5) var(--spacing-4)}.scanner-content{grid-template-columns:1fr;gap:var(--spacing-10);text-align:center}.camera-placeholder{width:300px;height:300px}.camera-icon{font-size:40px;margin-bottom:var(--spacing-5)}.scan-frame{width:150px;height:150px}.scanner-title{font-size:var(--font-size-3xl)}.scanner-subtitle{font-size:var(--font-size-2xl)}.scanner-description{font-size:var(--font-size-base);margin:0 auto var(--spacing-8)}.scanner-actions{justify-content:center}.btn{min-width:140px}.video-overlay-content,.camera-view{max-width:95vw}}@media (max-width: 480px){.camera-placeholder{width:250px;height:250px}.scanner-actions{flex-direction:column;align-items:center}.btn{width:200px}}@media (pointer: coarse){.btn{min-height:var(--touch-target-comfortable);padding:var(--spacing-4) var(--spacing-6)}}@media (prefers-reduced-motion: reduce){.scan-line{animation:none;opacity:.5}.btn-primary:hover,.btn-secondary:hover{transform:none}}