:root{--blue:#104f8e;--blue2:#0d4d89;--green:#2bdc13;--light:#e5f3ff;--text:#123c69;--border:#cbd6e2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--text)}body{background:#fff}a{text-decoration:none;color:inherit}.shell{width:100%;max-width:1736px;margin:0 auto}

.status-bar{height:26px;display:flex;align-items:center;justify-content:center;background:#e8f0fe;color:#104f8e;font-size:13px;font-weight:700;border-bottom:1px solid #c0d0e0;direction:rtl}
.header{background:#fff}.header-top{height:100px;display:flex;align-items:center;padding:0 10px;direction:rtl;border-bottom:1px solid #cad8e5;flex-wrap:wrap;gap:10px}
.brand{margin-right:0;margin-left:auto;display:flex;align-items:center}.brand img{width:286px;height:auto;display:block;max-width:100%}
.phone{direction:ltr;font-size:54px;line-height:1;font-weight:800;letter-spacing:1px;color:#0c4c87;margin-right:auto;margin-left:80px}
.top-actions{display:flex;align-items:center;gap:24px;direction:ltr;flex-wrap:wrap}
.action{height:50px;border:1.5px solid #0b579d;border-radius:28px;display:flex;align-items:center;justify-content:center;padding:0 25px;background:#fff;color:#0b4e8c;font-size:18px;font-weight:700;white-space:nowrap;direction:rtl}
.action.wide{min-width:212px}.action.small{min-width:120px}.action.medium{min-width:172px}.action.join{min-width:225px;font-size:19px}.action.green{background:var(--green)}
.doc-icon,.user-icon,.hand-icon{font-size:24px;color:#0b579d;margin-left:8px}
.nav{height:68px;display:flex;align-items:center;justify-content:flex-start;gap:38px;padding:0 110px;font-size:20px;color:#123f70;white-space:nowrap;direction:rtl;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
.nav a{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav a span{font-size:16px}.language{margin-right:auto}
.flag{border-top:2px solid #1256a0;border-bottom:2px solid #1256a0;padding:0 7px;color:#1256a0}
.main-area{position:relative;overflow:hidden;background:var(--light);padding:7px 6.65% 6px;min-height:365px}
.invoice-card{position:relative;z-index:2;max-width:1540px;min-height:354px;margin:0 auto;background:#fff;border-radius:31px;padding:34px 75px 30px}
.invoice-card h1{text-align:center;font-size:43px;line-height:1.1;margin:0 0 29px;font-weight:800;color:#104e8a}
.step{display:block}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;direction:rtl}.payment-grid .full{grid-column:1/-1}
.field{display:flex;flex-direction:column}.field label{font-size:17px;font-weight:700;color:#222;margin:0 4px 8px}
.field input,.field select{height:56px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:0 14px;font-size:20px;outline:none;width:100%;-webkit-appearance:none;appearance:none}
.field input:focus,.field select:focus{border-color:#0c579a;box-shadow:0 0 0 3px rgba(12,87,154,.12)}
.search-form{max-width:970px;margin:7px auto 0;display:grid;grid-template-columns:372px 372px 168px;gap:25px;align-items:end;direction:rtl}
.search-form .full-width{grid-column:1/-1}
.search-btn{height:56px;border:0;border-radius:10px;background:#0c4f8f;color:#fff;font-size:20px;font-weight:800;cursor:pointer;transition:0.2s;touch-action:manipulation}
.search-btn:hover{background:#083e71}.search-btn:disabled{opacity:0.5;cursor:not-allowed}
.message{text-align:center;min-height:20px;margin:15px 0 0;font-weight:700;word-break:break-word}
.wave{position:absolute;left:-57px;bottom:-75px;width:285px;height:190px;border:8px solid rgba(255,255,255,.62);border-radius:50%;transform:rotate(-15deg);box-shadow:0 20px 0 rgba(255,255,255,.48),0 40px 0 rgba(255,255,255,.35),0 60px 0 rgba(255,255,255,.24)}
.footer{background:#124f8d;color:#fff;min-height:370px}
.footer-inner{padding:42px 90px 25px;text-align:center}
.footer-logo{width:292px;display:block;margin:0 auto 35px;max-width:100%}
.footer-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;font-size:19px;margin-bottom:36px}
.footer-nav a{white-space:nowrap}
.socials{display:flex;justify-content:center;gap:14px;margin-bottom:25px;flex-wrap:wrap}
.socials a{width:39px;height:39px;border-radius:8px;background:#fff;color:#124f8d;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900}
.socials .flickr{gap:2px}.socials .flickr i{width:8px;height:8px;border-radius:50%;background:#1b56a0}.socials .flickr i:last-child{background:#e52d88}
.footer-line{height:1px;background:rgba(255,255,255,.36);margin:0 0 25px}
.legal{font-size:17px;word-break:break-word}
.footer a:hover,.nav a:hover{text-decoration:underline}

/* ========== התאמה לטאבלטים ========== */
@media(max-width:1250px){
  .header-top{height:auto;min-height:100px;padding:15px 20px;gap:15px}
  .brand{order:1}.top-actions{order:3;width:100%;justify-content:center}.phone{order:2;margin-left:0}
  .nav{padding:0 25px;gap:25px;font-size:18px}
  .search-form{grid-template-columns:1fr 1fr 168px}
  .invoice-card{padding-inline:7%}
  .payment-grid{grid-template-columns:1fr 1fr}
}

/* ========== התאמה לסמארטפונים ========== */
@media(max-width:760px){
  .status-bar{height:auto;padding:6px 10px;font-size:11px;text-align:center}
  .brand img{width:200px}
  .phone{font-size:34px;margin-left:0}
  .top-actions{gap:8px;justify-content:center}
  .action{height:40px;font-size:14px;padding:0 14px;min-width:auto!important;border-radius:20px}
  .action.wide{min-width:auto!important}.action.small{min-width:auto!important}.action.medium{min-width:auto!important}.action.join{min-width:auto!important}
  .nav{height:auto;min-height:54px;padding:8px 12px;gap:14px;font-size:16px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}
  .nav a{flex-shrink:0}
  .main-area{padding:8px 4px}
  .invoice-card{border-radius:18px;padding:20px 14px;min-height:auto}
  .invoice-card h1{font-size:28px;margin-bottom:18px}
  .search-form{grid-template-columns:1fr!important;gap:12px;max-width:100%}
  .search-form .full-width{grid-column:1}
  .field input,.field select{height:48px;font-size:16px;padding:0 12px}
  .search-btn{height:48px;font-size:18px;width:100%}
  .payment-grid{grid-template-columns:1fr;gap:12px}
  .payment-grid .full{grid-column:1}
  .footer-inner{padding:25px 16px}
  .footer-logo{width:180px;margin-bottom:20px}
  .footer-nav{gap:14px;font-size:15px;justify-content:center}
  .footer-nav a{white-space:nowrap}
  .socials a{width:34px;height:34px;font-size:18px}
  .legal{font-size:14px}
  #step2 > div > div{grid-template-columns:1fr !important;gap:10px;font-size:17px !important}
  #step5 > div:last-child > div{grid-template-columns:1fr !important;gap:10px;font-size:16px !important}
}

/* ========== התאמה למסכים קטנים מאוד ========== */
@media(max-width:480px){
  .brand img{width:150px}
  .phone{font-size:26px}
  .action{font-size:12px;padding:0 8px;height:34px}
  .nav{font-size:14px;gap:10px;padding:6px 8px}
  .invoice-card h1{font-size:24px}
  .field label{font-size:15px}
  .field input,.field select{height:44px;font-size:15px}
  .search-btn{height:44px;font-size:16px}
  .footer-logo{width:140px}
  .footer-nav{font-size:13px;gap:10px}
  .legal{font-size:12px}
  .message{font-size:14px}
}