@font-face{font-family:'Rag Marom';src:url('assets/fonts/ragmarom22regularlow.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Rag Sans';src:url('assets/fonts/ragsans14extralight.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Rag Sans';src:url('assets/fonts/ragsans14regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{direction:rtl}
body{margin:0;background:#f4f4f4;font-family:'Rag Sans',Arial,sans-serif;color:#4f6450}
.page-shell{width:100%;min-height:100vh;padding:0;display:flex;justify-content:center;align-items:flex-start}
.lp{width:min(100%,1900px);background:#fff;display:grid;grid-template-columns:minmax(360px,480px) minmax(0,1fr);direction:ltr;box-shadow:0 0 0 1px rgba(0,0,0,.02)}
.lead-panel{direction:rtl;min-height:1088px;padding:47px 50px 44px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center}
.brand-logo{width:278px;height:auto;display:block;margin:0 auto 40px}
.intro h1{margin:0 0 16px;font-size:27px;line-height:1.18;font-weight:400;color:#d58236; font-family:'Rag Sans',Arial,sans-serif;}
.intro p{margin:0;font-size:17px;line-height:1.44;color:#323d42;font-weight:200; font-family:'Rag Sans',Arial,sans-serif; }
.intro .facts{margin-top:22px;color:#d58236;font-weight:400;line-height:1.35; font-size: 22px;}
.deal-tag{width:100%;margin-top:21px; cursor: default; padding:12px 10px 12px;background:linear-gradient(90deg,#b66d2f,#e1a349);color:#fff;font-size:22px;line-height:1;border-top:2px solid #efc08a;border-bottom:2px solid #efc08a;font-family:'Rag Sans',Arial,sans-serif;transition:transform .25s ease}.deal-tag:hover{transform:scale(1.04)}
.price-box{width:100%;margin-top:15px; font-family:'Rag Sans',Arial,sans-serif;}
.deal-line{margin:0 0 5px;color:#557254;font-size:22px;line-height:1.15;font-weight:400}
.price{margin:0;color:#557254;font-size:49px;line-height:.98;font-weight:300;letter-spacing:-1px;white-space:nowrap}
.price span{font-size:18px;position:relative;top:-5px}
.price small{font-size:32px;font-weight:300}
.contact-form{width:100%;margin-top:49px}
.contact-form h2{margin:0 0 11px;color:#9b4d25;font-size:20px;line-height:1;font-weight:700}
.contact-form label{display:block;margin:0 0 6px;text-align:right}
.contact-form label>span:not(.approve span){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"]{width:100%;height:40px;border:0;border-radius:3px;background:#e9e9e9;color:#28343a;text-align:center;font:400 15px Arial,sans-serif;outline:0}
.contact-form input::placeholder{color:#28343a;opacity:1}
.approve{display:grid!important;grid-template-columns:16px 1fr;gap:6px;align-items:start;margin:15px 0 16px!important}
.approve input{width:14px;height:14px;margin:1px 0 0;accent-color:#9a431f}
.approve span{color:#69727a;font-size:15px;line-height:1.25;text-align:right}
.error{display:none;color:#b3261e;font-style:normal;font-size:12px;line-height:1.25;margin-top:3px}
.invalid input{outline:1px solid #b3261e}.invalid .error{display:block}
button{border:0;width:118px;height:40px;background:#9b3f1d;color:#fff;font:400 15px 'Rag Sans',Arial,sans-serif;cursor:pointer}
button:hover{filter:brightness(1.08)}
.success{min-height:18px;margin:10px 0 0;color:#557254;font-size:14px;font-weight:700}
.visual-panel{direction:rtl; min-height:1088px;background:url('assets/images/artwork-desktop.jpg') no-repeat top right;background-size:contain;overflow:hidden}
@media (max-width:900px){
  .page-shell{padding:0;background:#fff}
  .lp{display:flex;flex-direction:column-reverse;width:100%;box-shadow:none}
  .visual-panel{height:auto; min-height: auto;}.visual-panel img{width:100%;height:auto;object-fit:contain}
  .lead-panel{min-height:0;padding:30px 24px 34px}
  .brand-logo{width:210px;margin-bottom:34px}
  .intro h1{font-size:26px}.intro p{font-size:16px}.intro .facts{margin-top:26px}
  .deal-tag{margin-top:28px}.price{font-size:43px}.contact-form{max-width:360px;margin-top:34px}
}
@media (max-width:520px){
  .lead-panel{padding:24px 18px 30px}
  .visual-panel img{min-height:360px;object-fit:cover;object-position:center top}
  .brand-logo{width:185px}.intro h1{font-size:24px}.intro p{font-size:15px}.facts{font-size:15px}.deal-line{font-size:19px}.price{font-size:38px}
  .contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"]{height:43px}
}