:root{
    --blue-900:#0c2d5e;
    --blue-700:#1152a8;
    --blue-600:#1c62d6;
    --blue-50:#eef4ff;
    --ink:#1e293b;
    --muted:#64748b;
    --red:#e0342c;
    --orange:#f97316;
    --green:#16a34a;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:'Cairo',Tahoma,Arial,sans-serif;
    direction:rtl;
    background:#fff;
    color:var(--ink);
    line-height:1.8;
    -webkit-font-smoothing:antialiased;
  }
  .sum-wrap{width:100%;overflow-x:hidden;}
  .sum-container{max-width:1100px;margin:0 auto;padding:0 18px;}
  .sum-topbar{
    background:var(--blue-700);color:#fff;text-align:center;
    font-weight:700;font-size:14px;padding:9px 14px;letter-spacing:.2px;
  }
  /* HERO */
  .sum-hero{
    background:linear-gradient(180deg,#eef4ff 0%,#ffffff 75%);
    padding:46px 0 54px;
  }
  .sum-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;}
  .sum-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:#dcfce7;color:#15803d;font-weight:800;font-size:13px;
    padding:7px 16px;border-radius:999px;margin-bottom:18px;
  }
  .sum-h1{
    font-size:clamp(26px,4.2vw,50px);font-weight:900;line-height:1.35;
    color:var(--blue-900);margin-bottom:18px;
  }
  .sum-sub{font-size:clamp(16px,2vw,21px);color:var(--muted);margin-bottom:26px;}
  .sum-sub b{color:var(--blue-700);font-weight:900;}
  .sum-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:14px;font-weight:700;color:var(--muted);}
  .sum-hero-img{text-align:center;position:relative;}
  .sum-hero-img img{width:100%;max-width:400px;border-radius:26px;box-shadow:0 26px 60px rgba(16,52,110,.22);}
  .sum-discount{
    position:absolute;bottom:-14px;right:-6px;
    background:var(--red);color:#fff;font-weight:900;font-size:15px;
    padding:10px 18px;border-radius:14px;transform:rotate(-3deg);
    box-shadow:0 12px 26px rgba(224,52,44,.32);
  }
  /* BUTTONS */
  .sum-cta{
    display:inline-block;text-align:center;text-decoration:none;
    background:linear-gradient(270deg,var(--orange),var(--red));
    color:#fff;font-weight:900;font-size:clamp(17px,2vw,21px);
    padding:17px 34px;border-radius:18px;border:0;cursor:pointer;
    box-shadow:0 14px 32px rgba(224,52,44,.32);
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .sum-cta:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(224,52,44,.4);}
  .sum-cta-full{display:block;width:100%;}
  /* SECTIONS */
  section.sum-section{padding:56px 0;}
  .sum-title{font-size:clamp(23px,3.3vw,36px);font-weight:900;color:var(--blue-900);text-align:center;margin-bottom:32px;line-height:1.5;}
  .sum-problem{background:#fff;}
  .sum-list{list-style:none;display:grid;gap:14px;max-width:820px;margin:0 auto;}
  .sum-li{
    display:flex;align-items:flex-start;gap:13px;
    padding:17px 20px;border-radius:16px;font-size:clamp(16px,2vw,19px);font-weight:700;
  }
  .sum-li-bad{background:#fef2f2;border:1px solid #fee2e2;}
  .sum-li-good{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 14px rgba(15,42,86,.05);}
  .sum-ico{font-size:20px;line-height:1.4;}
  .sum-transition{
    text-align:center;margin-top:32px;font-size:clamp(18px,2.5vw,26px);
    font-weight:900;color:var(--blue-700);
  }
  .sum-solution{background:var(--blue-50);}
  .sum-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:900px;margin:0 auto;}
  /* STEPS */
  .sum-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto;}
  .sum-step{
    position:relative;background:var(--blue-50);border:1px solid #dbe6fb;
    border-radius:18px;padding:34px 18px 22px;text-align:center;
  }
  .sum-step-num{
    position:absolute;top:-17px;right:50%;transform:translateX(50%);
    width:36px;height:36px;border-radius:50%;background:var(--blue-700);
    color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:16px;
  }
  .sum-step .sum-ico{font-size:34px;display:block;margin-bottom:10px;}
  .sum-note{
    max-width:760px;margin:28px auto 0;text-align:center;
    background:#fffbeb;border:1px solid #fde68a;color:#854d0e;
    font-weight:800;border-radius:14px;padding:14px 18px;
  }
  /* TESTIMONIALS */
  .sum-testi{background:#f1f5f9;}
  .sum-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:0 auto;}
  .sum-card{
    background:#fff;border-radius:20px;padding:24px;
    display:flex;flex-direction:column;gap:13px;
    box-shadow:0 8px 22px rgba(15,42,86,.06);
  }
  .sum-stars{color:#f59e0b;font-size:19px;letter-spacing:2px;}
  .sum-quote{color:#334155;flex:1;}
  .sum-person{display:flex;align-items:center;gap:11px;border-top:1px solid #e2e8f0;padding-top:15px;}
  .sum-avatar{
    width:42px;height:42px;border-radius:50%;background:#dbeafe;color:var(--blue-700);
    font-weight:900;display:flex;align-items:center;justify-content:center;
  }
  .sum-verified{margin-right:auto;font-size:11px;background:#dcfce7;color:#15803d;font-weight:800;padding:5px 10px;border-radius:999px;}
  .sum-city{font-size:13px;color:var(--muted);font-weight:600;}
  /* TRUST */
  .sum-trust-sec{background:var(--blue-900);color:#fff;}
  .sum-trust-sec .sum-title{color:#fff;}
  .sum-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1050px;margin:0 auto;}
  .sum-tcard{
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
    border-radius:18px;padding:26px 16px;text-align:center;font-weight:800;
  }
  .sum-tcard .sum-ico{font-size:36px;display:block;margin-bottom:11px;}
  /* ORDER FORM */
  .sum-order{background:#fff;}
  .sum-form-box{
    max-width:680px;margin:0 auto;background:#fff;
    border:4px solid var(--blue-600);border-radius:26px;
    padding:34px 26px;box-shadow:0 26px 60px rgba(28,98,214,.16);
  }
  .sum-form-sub{text-align:center;color:var(--muted);margin:-12px 0 26px;}
  .sum-field{margin-bottom:16px;}
  .sum-field label{display:block;font-weight:800;margin-bottom:7px;font-size:15px;}
  .sum-field input,.sum-field select,.sum-field textarea{
    width:100%;border:2px solid #e2e8f0;border-radius:14px;
    padding:13px 15px;font-size:17px;font-family:inherit;
    background:#fff;outline:none;transition:border-color .16s ease;
  }
  .sum-field input:focus,.sum-field select:focus,.sum-field textarea:focus{border-color:var(--blue-600);}
  .sum-offers{display:grid;gap:12px;margin:8px 0 20px;}
  .sum-offer{
    display:flex;align-items:center;gap:13px;cursor:pointer;
    border:2px solid #e2e8f0;border-radius:15px;padding:16px;position:relative;
    transition:border-color .16s ease,background .16s ease;
  }
  .sum-offer:hover{border-color:#93b4f0;}
  .sum-offer input{width:19px;height:19px;accent-color:var(--blue-600);}
  .sum-offer .sum-o-name{font-weight:900;font-size:18px;}
  .sum-offer .sum-o-save{font-size:13px;color:var(--green);font-weight:800;}
  .sum-offer .sum-o-price{margin-right:auto;font-weight:900;font-size:20px;color:var(--blue-900);}
  .sum-o-tag{
    position:absolute;top:-11px;left:16px;font-size:11px;font-weight:800;
    color:#fff;padding:4px 12px;border-radius:999px;
  }
  .sum-tag-orange{background:var(--orange);}
  .sum-tag-green{background:var(--green);}
  .sum-legal{text-align:center;font-size:13px;color:var(--muted);margin-top:13px;}
  /* FAQ */
  .sum-faq{background:#f8fafc;}
  .sum-faq-list{max-width:720px;margin:0 auto;display:grid;gap:12px;}
  .sum-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;}
  .sum-faq-q{
    width:100%;background:none;border:0;cursor:pointer;font-family:inherit;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:19px;font-size:18px;font-weight:800;text-align:right;color:var(--ink);
  }
  .sum-faq-q .sum-chev{color:var(--blue-600);font-size:15px;transition:transform .22s ease;}
  .sum-faq-item.open .sum-chev{transform:rotate(180deg);}
  .sum-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);padding:0 19px;}
  .sum-faq-item.open .sum-faq-a{max-height:260px;padding:0 19px 19px;border-top:1px solid #e2e8f0;padding-top:15px;}
  /* URGENCY */
  .sum-urgency{
    background:linear-gradient(270deg,var(--red),var(--orange));
    color:#fff;text-align:center;padding:52px 18px;
  }
  .sum-urgency p.u1{font-size:clamp(21px,3.2vw,32px);font-weight:900;margin-bottom:10px;}
  .sum-urgency p.u2{font-size:clamp(16px,2.2vw,20px);font-weight:700;opacity:.96;margin-bottom:26px;}
  .sum-cta-white{
    display:inline-block;background:#fff;color:var(--red);text-decoration:none;
    font-weight:900;font-size:clamp(17px,2.2vw,21px);padding:17px 38px;border-radius:18px;
    box-shadow:0 16px 36px rgba(0,0,0,.18);transition:transform .18s ease;
  }
  .sum-cta-white:hover{transform:translateY(-3px);}
  .sum-footer{background:#0f172a;color:#94a3b8;text-align:center;font-size:13px;padding:22px 18px;}
  /* STICKY MOBILE BAR */
  .sum-sticky{
    position:fixed;bottom:0;right:0;left:0;z-index:9999;
    background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
    border-top:1px solid #e2e8f0;padding:11px 14px;display:none;
    box-shadow:0 -8px 24px rgba(15,42,86,.1);
  }
  /* RESPONSIVE */
  @media (max-width:900px){
    .sum-hero-grid{grid-template-columns:1fr;gap:26px;}
    .sum-hero-img{order:-1;}
    .sum-grid-2,.sum-grid-3{grid-template-columns:1fr;}
    .sum-steps{grid-template-columns:1fr 1fr;}
    .sum-grid-4{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    .sum-steps{grid-template-columns:1fr;}
    section.sum-section{padding:42px 0;}
    .sum-sticky{display:block;}
    .sum-footer{padding-bottom:86px;}
    .sum-form-box{padding:26px 16px;border-width:3px;}
    .sum-offer .sum-o-price{font-size:17px;}
    .sum-offer .sum-o-name{font-size:16px;}
    .sum-discount{font-size:13px;padding:8px 13px;}
  }
.sum-native-checkout{display:grid;gap:14px;margin-bottom:18px}.sum-checkout-field{display:grid;gap:7px}.sum-checkout-field span{font-weight:800;font-size:15px}.sum-checkout-field input,.sum-checkout-field textarea,.sum-checkout-field select{width:100%;border:2px solid #e2e8f0;border-radius:14px;padding:13px 15px;font-size:17px;font-family:inherit;background:#fff;outline:none}.sum-checkout-field input:focus,.sum-checkout-field textarea:focus,.sum-checkout-field select:focus{border-color:#1c62d6}.sum-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:#f8fafc;border-radius:16px;margin:10px 0 18px}.sum-purchase-label,.sum-current-price span{display:block;color:#64748b;font-size:13px;font-weight:800}.sum-qty{display:flex;align-items:center;gap:15px;margin-top:5px}.sum-qty button{width:38px;height:38px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-size:24px;cursor:pointer}.sum-qty span{font-weight:900;font-size:19px;min-width:20px;text-align:center}.sum-current-price{text-align:left}.sum-current-price strong{display:block;color:#0c2d5e;font-size:22px;margin-top:2px}.sum-native-submit{width:100%;border:0!important;border-radius:18px!important;padding:17px 24px!important;font-family:inherit!important;font-size:19px!important;font-weight:900!important;background:linear-gradient(270deg,#f97316,#e0342c)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 14px 32px rgba(224,52,44,.32)!important}.sum-order-form ui-shop-button{display:block}.sum-native-options{margin-bottom:16px}