
  :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}

/* ORDER DESIGN - Libya */
.sum-order-title{text-align:center;color:#1e3568;font-size:clamp(28px,4vw,42px);font-weight:950;margin:0 0 4px}
.sum-country-note{background:#f0f7ff;color:#31538e;border-radius:12px;padding:10px 14px;text-align:center;font-weight:800;margin:0 auto 18px;max-width:520px}
.sum-offer-heading{text-align:right;font-weight:900;color:#1e3568;font-size:18px;margin:8px 0 10px}
.sum-offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;direction:rtl;margin-bottom:18px}
.sum-offer-card{position:relative;min-height:160px;border:2px solid #dfe6f1;border-radius:18px;background:#fff;padding:18px 12px 13px;cursor:pointer;text-align:right;font-family:inherit;color:#172b54;display:grid;grid-template-columns:28px 28px 1fr;align-items:center;gap:5px;transition:.18s ease;box-shadow:0 4px 12px rgba(31,53,104,.03)}
.sum-offer-card:hover{border-color:#7d9be0;transform:translateY(-1px)}
.sum-offer-card.is-selected{border-color:#3f63d9;background:#f2f6ff;box-shadow:0 8px 20px rgba(63,99,217,.10)}
.sum-radio{width:23px;height:23px;border:2px solid #cbd5e1;border-radius:50%;display:block;background:#fff}
.sum-offer-card.is-selected .sum-radio{border-color:#3f63d9;box-shadow:inset 0 0 0 6px #fff;background:#3f63d9}
.sum-offer-icon{font-size:22px;text-align:center;color:#7184a8}.sum-offer-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sum-offer-copy b{font-size:17px}.sum-offer-copy small{color:#73819b;font-weight:700;font-size:12px;line-height:1.35}.sum-offer-card>strong{grid-column:3;text-align:right;color:#3557c9;font-size:20px;white-space:nowrap;margin-top:7px}
.sum-offer-tag{position:absolute;top:-12px;left:12px;color:#fff;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:900}.sum-offer-tag.orange{background:#ed7b3d}.sum-offer-tag.blue{background:#3f63d9}
.sum-total-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(90deg,#3f5ed2,#2d4aa9);color:#fff;border-radius:18px;padding:15px 20px;margin-bottom:20px;font-weight:850}.sum-total-bar b{display:flex;gap:10px;align-items:center}.sum-total-bar strong{font-size:24px;direction:ltr}
.sum-checkout-compact{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.sum-checkout-field{min-width:0}.sum-checkout-field>span{color:#172b54;font-size:16px}.sum-checkout-field>span em{color:#e34b3f;font-style:normal}.sum-checkout-field input,.sum-checkout-field select{min-height:58px;border:2px solid #dfe6f1;border-radius:17px;background:#f8fafc;padding:13px 17px;color:#33456a;font-weight:600}.sum-checkout-field:first-child{grid-column:1 / -1}
.sum-native-submit{min-height:64px!important;background:linear-gradient(90deg,#f49a62,#dd5a27)!important;font-size:22px!important;box-shadow:0 16px 32px rgba(221,90,39,.22)!important}.sum-native-submit span{direction:ltr;display:inline-block}.sum-legal{font-weight:700}
.sum-empty-product{text-align:center;padding:25px;background:#fff3f0;color:#9f2d1f;border-radius:15px;font-weight:800}
@media(max-width:700px){.sum-offer-cards{grid-template-columns:1fr}.sum-offer-card{min-height:105px;grid-template-columns:28px 28px 1fr}.sum-offer-card>strong{grid-column:3}.sum-checkout-compact{grid-template-columns:1fr}.sum-total-bar{flex-direction:column;align-items:stretch;text-align:center}.sum-total-bar b{justify-content:center}.sum-order-title{font-size:28px}}
