
/* /price_checker_kiosk/static/src/css/kiosk.css */
 body{margin:0; overflow:hidden; font-family:Cairo,sans-serif; background:#f8fafc; position:relative;}header, footer, #wrapwrap > header, #wrapwrap > footer{display:none !important;}body::before{content:''; position:fixed; width:700px; height:700px; border-radius:50%; background:rgba(37,99,235,.08); top:-250px; right:-250px; z-index:0;}body::after{content:''; position:fixed; width:600px; height:600px; border-radius:50%; background:rgba(16,185,129,.05); bottom:-250px; left:-250px; z-index:0;}#price-checker-app{height:100vh; position:relative; z-index:2;}.pc-header{text-align:center; padding-top:20px;}.pc-logo{max-height:120px;}.pc-center{height:calc(100vh - 120px); display:flex; justify-content:center; align-items:center; padding:20px;}#idle-screen{text-align:center; color:#0f172a;}.pc-barcode-icon{font-size:90px; color:#2563eb; margin-bottom:20px;}#idle-screen h1{font-size:64px; font-weight:800; margin:0;}.sub-title{font-size:28px; color:#64748b; margin-top:15px; margin-bottom:40px;}#barcode_input{width:900px; height:100px; border:1px solid #dbeafe; border-radius:28px; font-size:34px; text-align:center; background:white; box-shadow: 0 20px 60px rgba(15,23,42,.08); outline:none;}#barcode_input:focus{border-color:#2563eb;}#result-screen{width:100%;}.product-card{width:min(1500px,95vw); min-height:600px; background:white; border-radius:30px; display:flex; align-items:center; gap:40px; padding:35px; box-shadow:0 20px 80px rgba(0,0,0,.08); animation:showCard .3s ease;}.product-image-side{width:32%; flex-shrink:0;}#product_image{width:100%; aspect-ratio:1; object-fit:contain;}.product-info-side{flex:1; display:flex; flex-direction:column;}#product_name{font-size:clamp(34px,2.5vw,52px); font-weight:900; line-height:1.25; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}.code-box{margin-bottom:20px;}#product_default_code{display:block; width:100%; padding:16px; background:#eff6ff; border:2px solid #bfdbfe; border-radius:14px; color:#1d4ed8; font-size:20px; font-weight:700; line-height:1.4; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}.info-row{display:flex; gap:20px; margin-bottom:25px;}.barcode-box{flex:1;}.info-title{text-align:center; font-size:18px; font-weight:700; color:#64748b; margin-bottom:10px;}#product_barcode, #product_stock{display:flex; justify-content:center; align-items:center; width:100%; min-height:60px; padding:12px 16px; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:12px; background:#f8fafc; font-size:24px; font-weight:700; text-align:center;}.stock-positive{background:#dcfce7 !important; border-color:#22c55e !important; color:#15803d !important;}.stock-negative{background:#fee2e2 !important; border-color:#ef4444 !important; color:transparent !important;}#product_price{margin-top:25px; padding:20px; border-radius:20px; background:#eff6ff; color:#2563eb; text-align:center; font-size:clamp(60px,6vw,110px); font-weight:900;}@keyframes showCard{from{opacity:0; transform:translateY(25px);}to{opacity:1; transform:translateY(0);}}.scanner-input{position:fixed !important; left:-9999px !important; top:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important;}#barcode_input_visual{width:min(900px,85vw); min-height:100px; display:flex; align-items:center; justify-content:center; margin:0 auto; padding:0 25px; border:1px solid #dbeafe; border-radius:28px; font-size:34px; text-align:center; color:#64748b; background:white; box-shadow: 0 20px 60px rgba(15,23,42,.08);}.stock-boxes{flex:2; display:flex; gap:20px; min-width:0;}.stock-item-box{flex:1; min-width:0;}.product-stock{display:flex; justify-content:center; align-items:center; height:60px; border:1px solid #cbd5e1; border-radius:12px; background:#f8fafc; font-size:24px; font-weight:700;}.connection-status{position:fixed; inset:0; z-index:99999; display:flex; justify-content:center; align-items:center; padding:30px; background:rgba(15,23,42,.65); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}.connection-status-card{width:min(650px,90vw); padding:45px; background:white; border-radius:30px; text-align:center; box-shadow: 0 30px 100px rgba(15,23,42,.30);}.connection-status-icon{width:80px; height:80px; display:flex; justify-content:center; align-items:center; margin:0 auto 20px; border-radius:50%; background:#fee2e2; color:#dc2626; font-size:50px; font-weight:900;}.connection-status-title{font-size:38px; font-weight:900; color:#dc2626; margin-bottom:15px;}.connection-status-message{font-size:24px; font-weight:700; color:#64748b;}.reset-countdown{margin-top:18px; text-align:center;}.reset-countdown-text{font-size:18px; font-weight:700; color:#64748b;}#reset-countdown-number{display:inline-flex; justify-content:center; align-items:center; min-width:36px; height:36px; margin:0 6px; border-radius:50%; background:#eff6ff; color:#2563eb; font-size:22px; font-weight:900;}.reset-progress-track{width:100%; height:8px; margin-top:12px; overflow:hidden; border-radius:999px; background:#e2e8f0;}.reset-progress-bar{width:100%; height:100%; border-radius:999px; background:#2563eb; transform-origin:right center; transition:width 1s linear;}