*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--error-color:#dc2626;--success-color:#16a34a;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--radius:8px}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;padding:20px}.container{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-lg);max-width:600px;padding:32px;position:relative;width:100%}header{margin-bottom:32px;text-align:center}.app-banner{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius);box-shadow:var(--shadow-md);margin:32px 0;padding:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.app-banner-content{align-items:center;display:flex;flex-direction:column;gap:20px}.app-banner-text{color:#fff;text-align:center}.app-banner-text h3{font-size:24px;font-weight:600;margin-bottom:8px}.app-banner-text p{font-size:16px;opacity:.95}.app-badges{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.app-badge{display:inline-block;transition:transform .2s ease,filter .2s ease}.app-badge:hover{filter:brightness(1.1);transform:translateY(-2px)}.app-badge img{display:block;height:60px;width:auto}@media (min-width:640px){.app-banner-content{align-items:center;flex-direction:row;justify-content:space-between}.app-banner-text{flex:1;text-align:left}.app-badges{justify-content:flex-end}}header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:14px}.scanner-section{margin-bottom:24px}.input-group{display:flex;gap:12px;margin-bottom:12px}#barcodeInput{border:2px solid var(--border-color);border-radius:var(--radius);flex:1;font-size:16px;padding:12px 16px;transition:border-color .2s}#barcodeInput:focus{border-color:var(--primary-color);outline:none}#scanBtn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:background-color .2s}#scanBtn:hover:not(:disabled){background:var(--primary-hover)}#scanBtn:disabled{cursor:not-allowed;opacity:.6}.loader{animation:rotation 1s linear infinite;border:2px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;height:16px;width:16px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:var(--error-color);font-size:14px;margin-top:8px}.hidden{display:none!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.country-info{animation:fadeIn .3s ease;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:24px;padding:20px}.country-header{align-items:center;display:flex;gap:16px}.country-flag{border-radius:4px;box-shadow:var(--shadow-sm);height:45px;object-fit:cover;width:60px}.country-details h2{font-size:20px;margin-bottom:4px}.barcode-display{color:var(--text-secondary);font-family:monospace;font-size:14px}.product-info{animation:fadeIn .3s ease}.info-card{background:var(--bg-secondary);border-radius:var(--radius);padding:24px}.info-card h3{color:var(--text-primary);font-size:18px;margin-bottom:16px}.info-grid{gap:12px}.info-grid,.info-item{display:flex;flex-direction:column}.info-item{border-bottom:1px solid var(--border-color);gap:4px;padding-bottom:12px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item .label{color:var(--text-secondary);font-size:13px;font-weight:600}.info-item .value{color:var(--text-primary);font-size:15px;line-height:1.5}.info-item .value:empty:after{color:var(--text-secondary);content:"Not available";font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){body{align-items:stretch;padding:0}.container{border-radius:0;max-width:100%;min-height:100vh;padding:24px 16px}header h1{font-size:24px}.input-group{flex-direction:column}#scanBtn{padding:14px;width:100%}.country-header{flex-direction:column;text-align:center}.country-flag{height:60px;width:80px}}.language-selector{position:absolute;right:16px;top:16px;z-index:1000}.language-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:120px;padding:8px 12px;transition:all .2s}.language-button:hover{background:#e5e7eb;border-color:var(--primary-color)}.language-flag{border-radius:2px;height:15px;object-fit:cover;width:20px}.dropdown-arrow{margin-left:auto;transition:transform .2s}.language-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.language-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:4px;max-height:300px;min-width:200px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s;visibility:hidden}.language-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.language-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.language-option:hover{background:var(--bg-secondary)}.language-option.selected{background:#eff6ff;color:var(--primary-color)}.language-option .language-flag{flex-shrink:0}[dir=rtl] .language-selector{left:16px;right:auto}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=rtl] .dropdown-arrow{margin-left:0;margin-right:auto}[dir=rtl] .language-button,[dir=rtl] .language-option{flex-direction:row-reverse}@media (max-width:640px){.language-selector{position:fixed;right:16px;top:16px;z-index:1001}[dir=rtl] .language-selector{left:16px;right:auto}.language-dropdown{min-width:180px;right:0}[dir=rtl] .language-dropdown{left:0;right:auto}header{margin-bottom:24px;margin-top:60px}header h1{font-size:24px}}.info-sections{border-top:1px solid var(--border-color);margin-top:48px;padding-top:32px}.info-section{background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:24px;padding:24px}.how-to-preview{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.how-to-highlights{display:flex;flex-direction:column;gap:12px;margin:20px 0}.highlight-item{align-items:center;background:#fff;border-radius:var(--radius);color:var(--text-primary);display:flex;font-weight:500;gap:12px;padding:12px 16px}.highlight-icon{flex-shrink:0;font-size:24px}.learn-more-btn{background:var(--primary-color);border-radius:var(--radius);color:#fff;display:inline-block;font-weight:600;margin-top:8px;padding:12px 24px;text-decoration:none;transition:background-color .2s,transform .2s}.learn-more-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.info-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.info-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.faq-item summary{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-weight:600;list-style:none;padding:16px;position:relative;transition:background-color .2s}.faq-item summary:hover{background:#f8f9fa}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:var(--primary-color);content:"+";font-size:18px;font-weight:700;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item p{color:var(--text-secondary);margin:0;padding:0 16px 16px}.countries-regions{margin-top:24px}.region-section{margin-bottom:32px}.region-section h3{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.countries-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.country-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s}.country-item:hover{border-color:var(--primary-color)}.country-item strong{color:var(--primary-color);font-family:monospace}@media (max-width:640px){.info-sections{margin-top:32px;padding-top:24px}.info-section{margin-bottom:20px;padding:20px 16px}.info-section h2{font-size:18px}.region-section{margin-bottom:24px}.region-section h3{font-size:18px;margin-bottom:12px}.countries-grid{gap:8px;grid-template-columns:1fr}.country-item{font-size:13px;padding:10px}.faq-item summary{font-size:15px;padding:14px 12px}.faq-item summary:after{right:12px}.faq-item p{font-size:14px;padding:0 12px 14px}}[lang=ar],[lang=he]{direction:rtl;text-align:right}[lang=ar] .container,[lang=ar] .search-form,[lang=he] .container,[lang=he] .search-form{direction:rtl}[lang=ar] .search-form input,[lang=he] .search-form input{padding:12px 16px 12px 50px;text-align:right}[lang=ar] .search-button,[lang=he] .search-button{left:8px;right:auto}[lang=ar] .language-selector,[lang=he] .language-selector{left:20px;right:auto}[lang=ar] .language-dropdown,[lang=he] .language-dropdown{left:0;right:auto}[lang=ar] .product-info .info-label,[lang=he] .product-info .info-label{text-align:right}[lang=ar] .faq-item summary:after,[lang=he] .faq-item summary:after{left:16px;right:auto}[lang=ar] .info-section,[lang=ar] .info-section h2,[lang=ar] .info-section p,[lang=he] .info-section,[lang=he] .info-section h2,[lang=he] .info-section p{text-align:right}