
:root{
  --rd-bg:#f5f7fb;
  --rd-surface:#ffffff;
  --rd-surface-2:#f8fbff;
  --rd-text:#0f172a;
  --rd-muted:#64748b;
  --rd-line:#e2e8f0;
  --rd-primary:#2563eb;
  --rd-primary-2:#7c3aed;
  --rd-accent:#06b6d4;
  --rd-success:#16a34a;
  --rd-shadow:0 18px 60px rgba(15,23,42,.10);
  --rd-shadow-soft:0 8px 28px rgba(15,23,42,.08);
  --rd-radius:24px;
}
html{scroll-behavior:smooth}
body.redesign-v2{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 22%),
    radial-gradient(circle at top left, rgba(124,58,237,.08), transparent 18%),
    linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%);
  color:var(--rd-text);
}
body.redesign-v2 *{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}
body.redesign-v2 a{text-decoration:none}
body.redesign-v2 .container__header__mobile,
body.redesign-v2 .container__header{
  top:0;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(226,232,240,.85);
  box-shadow:0 10px 35px rgba(15,23,42,.05);
}
body.redesign-v2 .container__header__mobile .logo,
body.redesign-v2 .container__header .logo{
  background:#fff;
  border:1px solid var(--rd-line);
  border-radius:18px;
  padding:.45rem .8rem;
  box-shadow:var(--rd-shadow-soft);
}
body.redesign-v2 .container__header__mobile .logo .image,
body.redesign-v2 .container__header .logo .image{max-height:34px;width:auto;object-fit:contain}
body.redesign-v2 .container__header__mobile .menu,
body.redesign-v2 .container__header .menu,
body.redesign-v2 .dropdown__button__profile{
  width:48px;height:48px;border-radius:16px;border:1px solid var(--rd-line)!important;
  background:#fff!important;color:var(--rd-text)!important;box-shadow:var(--rd-shadow-soft)
}
body.redesign-v2 .dropdown__window{
  background:rgba(255,255,255,.98)!important;border:1px solid var(--rd-line)!important;
  border-radius:22px!important;box-shadow:var(--rd-shadow)!important;padding:12px!important
}
body.redesign-v2 .container__header__mobile .wrapper .profile .dropdown__window .list__item__button,
body.redesign-v2 .container__header .profile .dropdown__window .list__item__button{
  background:#f8fafc!important;border:1px solid var(--rd-line);border-radius:16px!important;overflow:hidden
}
body.redesign-v2 .container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item,
body.redesign-v2 .container__header .profile .dropdown__window .list__item__button .dropdown-item{color:var(--rd-text)!important;font-weight:700}
body.redesign-v2 .container__header__mobile .wrapper .profile .dropdown__window .list__item__button .dropdown-item.danger{color:#dc2626!important}
body.redesign-v2 .container__header__mobile .nav-menu,
body.redesign-v2 .container__header .nav-menu{
  background:rgba(255,255,255,.95)!important;border:1px solid var(--rd-line);box-shadow:var(--rd-shadow);border-radius:26px;padding:14px
}
body.redesign-v2 .container__header__mobile .nav-menu ul li,
body.redesign-v2 .container__header .nav-menu ul li{
  background:#f8fafc;border:1px solid var(--rd-line);border-radius:18px;margin:.45rem 0;padding:14px 16px;color:var(--rd-text)
}
body.redesign-v2 .container__header__mobile .nav-menu ul li:hover,
body.redesign-v2 .container__header .nav-menu ul li:hover{transform:translateY(-2px);background:#fff;box-shadow:var(--rd-shadow-soft)}

body.redesign-v2 .container__main{padding-top:calc(var(--header-area) + 18px)}
body.redesign-v2 .container__main .wrapper{max-width:1180px;margin:0 auto;padding:20px 24px 6px}
body.redesign-v2 .container__main .wrapper .brand{height:auto!important;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 50%,#eef4ff 100%);border:1px solid rgba(226,232,240,.85);border-radius:34px;box-shadow:var(--rd-shadow);padding:38px 28px;position:relative;overflow:hidden}
body.redesign-v2 .container__main .wrapper .brand::before{content:"";position:absolute;inset:auto -80px -90px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.14),rgba(37,99,235,0) 70%)}
body.redesign-v2 .container__main .wrapper .brand::after{content:"";position:absolute;inset:-80px auto auto -60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.13),rgba(124,58,237,0) 70%)}
body.redesign-v2 .container__main .wrapper .brand .logo{width:92px!important;height:92px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:26px;background-color:#fff;border:1px solid var(--rd-line);box-shadow:var(--rd-shadow-soft);margin-bottom:18px}
body.redesign-v2 .container__main .wrapper .brand .hero,
body.redesign-v2 .container__main .wrapper .brand .subhero,
body.redesign-v2 .container__main .wrapper .brand h1,
body.redesign-v2 .container__main .wrapper .brand h2{position:relative;z-index:1;color:var(--rd-text)}
body.redesign-v2 .container__main .wrapper .brand .hero,
body.redesign-v2 .container__main .wrapper .brand h1{font-size:clamp(28px,4vw,52px)!important;line-height:1.15;font-weight:900;letter-spacing:-.03em}
body.redesign-v2 .container__main .wrapper .brand .subhero,
body.redesign-v2 .container__main .wrapper .brand h2{font-size:clamp(15px,1.8vw,19px)!important;color:var(--rd-muted)!important;max-width:780px;line-height:1.95}
body.redesign-v2 .container__main .figures{opacity:.92}
body.redesign-v2 .button-pill,
body.redesign-v2 .package__button,
body.redesign-v2 .button__login,
body.redesign-v2 .button__packages,
body.redesign-v2 .button__tutorial,
body.redesign-v2 .form__card button,
body.redesign-v2 .main__card .buttons a,
body.redesign-v2 button.btn-primary,
body.redesign-v2 .btn-primary{
  background:linear-gradient(135deg,var(--rd-primary) 0%,var(--rd-primary-2) 100%)!important;
  color:#fff!important;border:none!important;border-radius:18px!important;font-weight:800!important;
  box-shadow:0 14px 30px rgba(37,99,235,.22)!important;padding:12px 22px!important
}
body.redesign-v2 .button-pill:hover,
body.redesign-v2 .package__button:hover,
body.redesign-v2 .button__login:hover,
body.redesign-v2 .button__packages:hover,
body.redesign-v2 .button__tutorial:hover,
body.redesign-v2 .form__card button:hover,
body.redesign-v2 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(37,99,235,.28)!important}
body.redesign-v2 .btn-danger,
body.redesign-v2 .swal2-confirm.btn-danger{border-radius:16px!important}

body.redesign-v2 .divider__text,
body.redesign-v2 .divider__text-image,
body.redesign-v2 .divider__electcards,
body.redesign-v2 .divider__addpages{max-width:1180px;margin:34px auto 18px!important;padding:0 22px!important}
body.redesign-v2 .divider__text span,
body.redesign-v2 .divider__text-image span,
body.redesign-v2 .divider__electcards span,
body.redesign-v2 .divider__addpages span{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--rd-line);padding:13px 18px;border-radius:999px;box-shadow:var(--rd-shadow-soft);font-weight:900;color:var(--rd-text)}
body.redesign-v2 .divider__text span::before,
body.redesign-v2 .divider__text-image span::before,
body.redesign-v2 .divider__electcards span::before,
body.redesign-v2 .divider__addpages span::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--rd-primary),var(--rd-primary-2))}

body.redesign-v2 .container__login,
body.redesign-v2 .container__subscription,
body.redesign-v2 .container__availablepackages,
body.redesign-v2 .container__storeapp,
body.redesign-v2 .container__forms,
body.redesign-v2 .container__cards,
body.redesign-v2 .container__shop,
body.redesign-v2 .container__payment,
body.redesign-v2 .container__tracking,
body.redesign-v2 .container__myorders,
body.redesign-v2 .container__contact,
body.redesign-v2 .container__static,
body.redesign-v2 .container__backgrounds{max-width:1180px!important;margin:0 auto!important;padding-left:22px!important;padding-right:22px!important}

body.redesign-v2 .container__login .ios__login,
body.redesign-v2 .container__login .android__login,
body.redesign-v2 .container__subscription .ios__subscard,
body.redesign-v2 .container__subscription .android__subscard,
body.redesign-v2 .container__availablepackages .package__premium,
body.redesign-v2 .container__availablepackages .package__basic,
body.redesign-v2 .container__availablepackages .package__normal,
body.redesign-v2 .container__availablepackages article,
body.redesign-v2 .main__card,
body.redesign-v2 .order__card,
body.redesign-v2 .tracking__card,
body.redesign-v2 .backgrounds__card,
body.redesign-v2 .elec__card,
body.redesign-v2 .shop__card,
body.redesign-v2 .cards__card,
body.redesign-v2 .payment__card,
body.redesign-v2 .profile__card,
body.redesign-v2 .contact__card,
body.redesign-v2 .container__forms .main,
body.redesign-v2 .form__card,
body.redesign-v2 .modal-content{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:30px!important;
  box-shadow:var(--rd-shadow)!important;
  overflow:hidden
}
body.redesign-v2 .container__login .ios__login,
body.redesign-v2 .container__login .android__login{height:auto!important;min-height:330px;padding:0}
body.redesign-v2 .container__login .ios__login .top,
body.redesign-v2 .container__login .android__login .top,
body.redesign-v2 .container__availablepackages article .top{
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(124,58,237,.08));padding:24px 24px 18px!important;border-bottom:1px solid var(--rd-line)
}
body.redesign-v2 .container__login .ios__login .bottom,
body.redesign-v2 .container__login .android__login .bottom,
body.redesign-v2 .container__availablepackages article .bottom{padding:22px!important}
body.redesign-v2 .container__login .ios__login .hero,
body.redesign-v2 .container__login .android__login .hero,
body.redesign-v2 .container__availablepackages article .package__hero{color:var(--rd-text)!important;font-size:28px!important;font-weight:900!important}
body.redesign-v2 .container__login .ios__login .subhero,
body.redesign-v2 .container__login .android__login .subhero,
body.redesign-v2 .container__availablepackages article .period{color:var(--rd-muted)!important}
body.redesign-v2 .container__login .ios__login .ios__logo,
body.redesign-v2 .container__subscription .ios__subscard .ios__logo,
body.redesign-v2 .container__availablepackages .package__premium .top__badge span,
body.redesign-v2 .container__login .android__login .android__logo,
body.redesign-v2 .container__subscription .android__subscard .android__logo{
  filter:drop-shadow(0 10px 22px rgba(15,23,42,.12))
}
body.redesign-v2 .container__subscription{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;justify-content:stretch!important}
body.redesign-v2 .container__subscription a{display:block}
body.redesign-v2 .container__subscription .ios__subscard,
body.redesign-v2 .container__subscription .android__subscard{width:100%!important;min-height:210px;padding:24px;display:flex!important;flex-direction:column;justify-content:space-between}
body.redesign-v2 .container__subscription .hero{font-size:32px!important;font-weight:900;color:var(--rd-text)!important}
body.redesign-v2 .container__availablepackages{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;justify-content:stretch!important}
body.redesign-v2 .container__availablepackages article{width:100%!important;height:auto!important;margin:0!important}
body.redesign-v2 .container__availablepackages .top__badge{position:static!important;text-align:inherit!important;margin:18px 24px 0!important;width:auto!important}
body.redesign-v2 .container__availablepackages .top__badge span{display:inline-flex;background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;color:#1e293b!important;border:1px solid var(--rd-line);padding:.55rem 1rem!important;border-radius:999px!important;font-weight:800}
body.redesign-v2 .container__availablepackages .price__wrapper{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
body.redesign-v2 .container__availablepackages .price{font-size:40px!important;line-height:1!important;color:var(--rd-text)!important;font-weight:900!important}
body.redesign-v2 .custom-list.package__feature_list li,
body.redesign-v2 .package__feature_list li{position:relative;padding:13px 14px 13px 42px!important;background:#f8fafc;border:1px solid var(--rd-line);border-radius:16px;margin:.7rem 0;color:var(--rd-text)}
body.redesign-v2 [dir="rtl"] .custom-list.package__feature_list li,
body.redesign-v2 [dir="rtl"] .package__feature_list li,
body.redesign-v2 .package__feature_list li[dir="rtl"]{padding:13px 42px 13px 14px!important}
body.redesign-v2 .custom-list.package__feature_list li::before,
body.redesign-v2 .package__feature_list li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--rd-primary),var(--rd-primary-2));color:#fff;font-size:12px;font-weight:900}
body.redesign-v2 [dir="rtl"] .custom-list.package__feature_list li::before,
body.redesign-v2 [dir="rtl"] .package__feature_list li::before{left:auto;right:14px}

body.redesign-v2 .container__forms .main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:26px;padding:18px}
body.redesign-v2 .container__forms .main .image__card{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-radius:26px;border:1px solid var(--rd-line);padding:28px}
body.redesign-v2 .form__card{padding:26px!important}
body.redesign-v2 .form__card .title,
body.redesign-v2 .form__card h1,
body.redesign-v2 .form__card h2{font-size:30px!important;font-weight:900;color:var(--rd-text)!important}
body.redesign-v2 input,
body.redesign-v2 select,
body.redesign-v2 textarea,
body.redesign-v2 .form-control,
body.redesign-v2 .form-select{background:#f8fafc!important;border:1.5px solid var(--rd-line)!important;color:var(--rd-text)!important;border-radius:18px!important;min-height:54px;padding:12px 16px!important;box-shadow:none!important}
body.redesign-v2 textarea{min-height:120px!important}
body.redesign-v2 input:focus,
body.redesign-v2 select:focus,
body.redesign-v2 textarea:focus,
body.redesign-v2 .form-control:focus,
body.redesign-v2 .form-select:focus{border-color:rgba(37,99,235,.5)!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;background:#fff!important}
body.redesign-v2 label,
body.redesign-v2 .form-label{font-weight:800;color:#334155;margin-bottom:8px}

body.redesign-v2 table,
body.redesign-v2 .table{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--rd-shadow-soft)}
body.redesign-v2 .table > :not(caption) > * > *{padding:16px 14px!important;border-color:var(--rd-line)!important}
body.redesign-v2 .table thead th{background:#f8fafc;color:#334155;font-weight:900}
body.redesign-v2 .badge,
body.redesign-v2 .status,
body.redesign-v2 .state{border-radius:999px!important;padding:.55rem .85rem!important;font-weight:800}

body.redesign-v2 .footer__brand{max-width:1180px;margin:54px auto 0!important;padding:0 22px;display:grid;place-items:center}
body.redesign-v2 .footer__brand .background{display:none!important}
body.redesign-v2 .footer__brand .logo{width:86px;height:86px;background-size:contain!important;background-position:center;background-repeat:no-repeat;border-radius:28px;background-color:#fff;border:1px solid var(--rd-line);box-shadow:var(--rd-shadow);z-index:2}
body.redesign-v2 .footer__brand .figure__left,
body.redesign-v2 .footer__brand .figure__right{opacity:.20;filter:blur(2px)}
body.redesign-v2 .isipho__footer{max-width:1180px!important;margin:18px auto 34px!important;padding:30px 24px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid var(--rd-line);border-radius:34px;box-shadow:var(--rd-shadow)}
body.redesign-v2 .isipho__footer .brand{align-items:center;padding-bottom:16px;border-bottom:1px solid var(--rd-line);margin-bottom:16px}
body.redesign-v2 .isipho__footer .brand .name{font-size:28px!important;font-weight:900;color:var(--rd-text)!important}
body.redesign-v2 .isipho__footer .brand .slogan{color:var(--rd-muted)!important}
body.redesign-v2 .isipho__footer .footer__links{gap:16px;justify-content:flex-start!important}
body.redesign-v2 .isipho__footer .footer__links .box-1{flex:1 1 220px;background:#f8fafc;border:1px solid var(--rd-line);padding:18px;border-radius:22px;min-width:220px}
body.redesign-v2 .isipho__footer .footer__links .box-1 .box-header{font-size:18px!important;color:var(--rd-text)!important;margin-bottom:12px}
body.redesign-v2 .isipho__footer .footer__links .box-1 li{color:#475569;padding:.45rem 0}
body.redesign-v2 .footer-icons a{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f8fafc;border:1px solid var(--rd-line);box-shadow:var(--rd-shadow-soft)}
body.redesign-v2 .footer-icons a:hover{transform:translateY(-3px);background:#fff}
body.redesign-v2 .copyRights{text-align:center;padding-top:18px;color:var(--rd-muted);border-top:1px solid var(--rd-line);margin-top:18px}

body.redesign-v2 .modal-content{padding:8px}
body.redesign-v2 .modal-header,body.redesign-v2 .modal-footer{border-color:var(--rd-line)!important}
body.redesign-v2 .swal2-popup{border-radius:26px!important;box-shadow:var(--rd-shadow)!important}
body.redesign-v2 #MyCart{right:18px!important;bottom:18px!important}
body.redesign-v2 #MyCart .shoppingBottun{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--rd-primary),var(--rd-primary-2))!important;color:#fff!important;box-shadow:0 16px 34px rgba(37,99,235,.28)}
body.redesign-v2 #MyCart #cart-count{background:#fff!important;color:var(--rd-primary)!important;border:2px solid #eef2ff;box-shadow:var(--rd-shadow-soft)}

@media (max-width: 991.98px){
  body.redesign-v2 .container__forms .main{grid-template-columns:1fr}
  body.redesign-v2 .isipho__footer{padding:24px 18px!important}
  body.redesign-v2 .container__main .wrapper,
  body.redesign-v2 .container__login,
  body.redesign-v2 .container__subscription,
  body.redesign-v2 .container__availablepackages,
  body.redesign-v2 .container__storeapp,
  body.redesign-v2 .container__forms,
  body.redesign-v2 .container__cards,
  body.redesign-v2 .container__shop,
  body.redesign-v2 .container__payment,
  body.redesign-v2 .container__tracking,
  body.redesign-v2 .container__myorders,
  body.redesign-v2 .container__contact,
  body.redesign-v2 .container__static,
  body.redesign-v2 .container__backgrounds{padding-left:16px!important;padding-right:16px!important}
}
@media (max-width: 575.98px){
  body.redesign-v2 .container__main .wrapper .brand{padding:26px 18px;border-radius:26px}
  body.redesign-v2 .container__availablepackages{grid-template-columns:1fr}
  body.redesign-v2 .container__subscription{grid-template-columns:1fr}
  body.redesign-v2 .button-pill,
  body.redesign-v2 .package__button,
  body.redesign-v2 .button__login,
  body.redesign-v2 .button__packages,
  body.redesign-v2 .button__tutorial,
  body.redesign-v2 .form__card button,
  body.redesign-v2 .btn-primary{width:100%;justify-content:center;display:inline-flex}
}
