:root{--cream:#FFF8EE;--apricot:#F28C38;--butter:#FFD36E;--terra:#C8553D;--coffee:#4A3B32;--alert:#E4574C;--line:#EADCC8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--coffee);font-family:"Almarai","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;font-size:17px;line-height:1.8}
.wrap{max-width:720px;margin:0 auto;padding:40px 22px 56px}
a{color:var(--terra)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.3;margin:0 0 10px;font-weight:800}
h2{font-size:22px;margin:40px 0 12px;font-weight:800}
h3{font-size:18px;margin:26px 0 8px;font-weight:700}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-inline-start:22px}
li{margin-bottom:6px}
.sub{font-size:20px;margin:0 0 18px}
.by{font-size:15px;opacity:.85;margin:0}
.months{display:flex;gap:6px;margin:30px 0 8px}
.months span{flex:1 1 0;min-width:0;text-align:center;padding:12px 0 8px;border-radius:14px 14px 4px 4px;font-weight:800;font-size:20px;background:var(--butter)}
.months span:nth-child(2){background:#FDC45E}.months span:nth-child(3){background:#F9AE4E}.months span:nth-child(4){background:var(--apricot);color:#fff}
.months span:nth-child(5){background:#E47440;color:#fff}.months span:nth-child(6){background:#D66140;color:#fff}.months span:nth-child(7){background:var(--terra);color:#fff}
.months-cap{font-size:14px;opacity:.8;margin:0 0 30px}
.gift{border-inline-start:5px solid var(--butter);padding:4px 16px;margin:18px 0}
.buy{margin:40px 0 10px;padding:26px 22px;border:2px solid var(--apricot);border-radius:18px;background:#fff}
.price{font-size:40px;font-weight:800;margin:0}
.price small{font-size:18px;font-weight:700}
.btn{display:inline-block;border:0;cursor:pointer;font-family:inherit;margin:16px 0 10px;background:var(--terra);color:#fff;text-decoration:none;font-weight:800;font-size:19px;padding:14px 34px;border-radius:40px}
.btn:hover{background:#B04632}
.addon{font-size:15px;margin:6px 0 0}
.note{font-size:14px;opacity:.85}
.en{direction:ltr;text-align:left;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.en h2{font-size:19px;margin-top:0}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}
footer p{margin:0 0 6px}
.doc .lang{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.doc [dir=ltr]{text-align:left;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.7}
.back{font-size:15px}
@media (max-width:420px){.months span{font-size:17px;padding:10px 0 6px}}
.launch{display:inline-block;background:var(--butter);font-weight:800;font-size:15px;padding:4px 14px;border-radius:20px;margin:0 0 12px}
.old{font-size:22px;font-weight:700;opacity:.55;margin-inline-end:8px}
.bump{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:14px 16px;border:2px dashed var(--apricot);border-radius:14px;background:#FFF3DA;font-size:15px;line-height:1.7;cursor:pointer}
.bump input{width:22px;height:22px;margin-top:4px;flex:none;accent-color:var(--terra)}
.dl{display:block;margin:12px 0;text-align:center}
[hidden]{display:none!important}