/* =====================================================================
   رتّب × متجر DHM Ai — تنسيق مخصص (خطة سلة برو: التصميم ← CSS مخصص)
   يعيد تلوين المتجر بهوية رتّب ويضيف واجهة «الدفتر المفتوح» للصفحة الرئيسية
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@500;600;700&display=swap');
:root{--rt-g:#1D4E4A;--rt-g2:#245B56;--rt-p:#4B3F72;--rt-p2:#5A4D86;--rt-amber:#E4A853;--rt-amber-t:#8A5E14;--rt-sand:#F6F2EA;--rt-ink:#1E2523;--rt-muted:#5F6B67;--rt-card:#FFFFFF;--rt-line:rgba(30,37,35,.12);
  --rt-c:var(--rt-g);--rt-c2:var(--rt-g2)}
html.rt-purple{--rt-c:var(--rt-p);--rt-c2:var(--rt-p2)}
html.rt-dark{--rt-sand:#141917;--rt-ink:#F1EEE7;--rt-muted:#B9C2BE;--rt-card:#1D2422;--rt-line:rgba(241,238,231,.14)}
/* المتجر كله بهوية رتّب */
body{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif!important;background:var(--rt-sand)!important;color:var(--rt-ink)}
h1,h2,h3,.s-block__title h2{font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif!important}
.btn--primary,.s-button-primary,.s-button-btn.s-button-primary,salla-add-product-button button{background:var(--rt-c)!important;border-color:var(--rt-c)!important;color:#fff!important;border-radius:14px!important}
.btn--primary:hover,.s-button-primary:hover{background:var(--rt-c2)!important}
a:hover{color:var(--rt-c)}
.main-nav-container,.store-header,.top-navbar{background:var(--rt-card)!important}
.product-entry,.s-product-card-entry{border-radius:20px!important;border:1px solid var(--rt-line)!important;box-shadow:0 8px 24px rgba(30,37,35,.06)!important;overflow:hidden}
.s-product-card-price,.price-wrapper .total-price{color:var(--rt-c)!important}
footer.store-footer{background:var(--rt-c)!important;color:var(--rt-sand)!important}
footer.store-footer a{color:var(--rt-sand)!important}

/* ============== واجهة الدفتر المفتوح ============== */
.rt-land{position:relative;margin:0 auto 36px;max-width:1240px;padding:22px 16px 0;direction:rtl;font-family:'IBM Plex Sans Arabic',sans-serif}
.rt-book{display:flex;min-height:560px;border-radius:30px;overflow:visible;box-shadow:0 30px 80px rgba(30,37,35,.18)}
.rt-cover{flex:1;position:relative;border-radius:0 30px 30px 0;color:var(--rt-sand);padding:46px 44px;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='%23F6F2EA' fill-opacity='.08'%3E%3Cpath d='M8 30 L8 24 L34 14 L34 20Z'/%3E%3Cpath d='M56 62 L56 56 L82 46 L82 52Z'/%3E%3Ccircle cx='46' cy='20' r='3.2'/%3E%3Ccircle cx='53' cy='17.5' r='3.2'/%3E%3Ccircle cx='18' cy='70' r='3.2'/%3E%3C/g%3E%3Ccircle cx='70' cy='78' r='3.4' fill='%23E4A853' fill-opacity='.2'/%3E%3C/svg%3E") 0 0/96px 96px,linear-gradient(160deg,var(--rt-c2),var(--rt-c))}
.rt-spine{flex:0 0 58px;margin:0 -29px;position:relative;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='46'%3E%3Ccircle cx='10' cy='23' r='5' fill='%231E2523' fill-opacity='.55'/%3E%3Ccircle cx='48' cy='23' r='5' fill='%231E2523' fill-opacity='.55'/%3E%3Cpath d='M10 23 C10 10 48 10 48 23' fill='none' stroke='%23262B2A' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M13 19 C18 13 40 13 45 19' fill='none' stroke='%23FFFFFF' stroke-opacity='.35' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center 14px/58px 46px repeat-y}
.rt-page{flex:1;border-radius:30px 0 0 30px;background:var(--rt-card);padding:40px 44px;display:flex;flex-direction:column;gap:16px;justify-content:center;
  background-image:repeating-linear-gradient(to bottom,transparent 0 35px,var(--rt-line) 35px 36px)}
.rt-logo{width:min(300px,70%);height:auto;fill:var(--rt-sand)}
.rt-logo .ra{fill:var(--rt-amber)}
.rt-tag{font:600 clamp(24px,3vw,34px)/1.4 'Readex Pro',sans-serif;margin:0}
.rt-feats{display:grid;gap:10px;margin:6px 0 0;padding:0;list-style:none}
.rt-feats li{display:flex;align-items:center;gap:10px;background:rgba(246,242,234,.08);border:1px solid rgba(246,242,234,.12);border-radius:14px;padding:10px 14px;font-size:15px;animation:rtIn .5s cubic-bezier(.2,.8,.2,1) both}
.rt-feats li:nth-child(2){animation-delay:.08s}.rt-feats li:nth-child(3){animation-delay:.16s}.rt-feats li:nth-child(4){animation-delay:.24s}
.rt-feats svg{width:20px;height:20px;flex-shrink:0;stroke:var(--rt-amber);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rt-trial{align-self:flex-start;background:var(--rt-amber);color:#1E2523;font-weight:700;border-radius:999px;padding:7px 16px;font-size:14px}
.rt-h{font:700 28px/1.4 'Readex Pro',sans-serif;color:var(--rt-ink);margin:0}
.rt-sub{color:var(--rt-muted);margin:0;font-size:15.5px;line-height:1.8}
.rt-cta{display:flex;gap:10px;flex-wrap:wrap}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:16px;font-weight:700;font-size:16px;text-decoration:none!important;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s}
.rt-btn:hover{transform:translateY(-2px)}
.rt-btn.pri{background:var(--rt-c);color:#fff!important;box-shadow:0 12px 26px rgba(29,78,74,.28)}
.rt-btn.sec{background:transparent;color:var(--rt-c)!important;border:1.5px solid var(--rt-c)}
.rt-btn.amb{background:var(--rt-amber);color:#1E2523!important}
.rt-tools{display:flex;gap:8px;align-items:center}
.rt-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--rt-card);box-shadow:0 0 0 1.5px var(--rt-line);cursor:pointer;padding:0}
.rt-dot[data-b="green"]{background:linear-gradient(135deg,#1D4E4A 50%,#E4A853 50%)}
.rt-dot[data-b="purple"]{background:linear-gradient(135deg,#4B3F72 50%,#E4A853 50%)}
.rt-dot.on{box-shadow:0 0 0 2.5px var(--rt-amber)}
.rt-mode{width:34px;height:34px;border-radius:50%;border:1px solid var(--rt-line);background:var(--rt-card);color:var(--rt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.rt-small{font-size:13px;color:var(--rt-muted)}
.rt-small a{color:var(--rt-c);font-weight:600}
/* معاينة حيّة داخل إطار جوال */
.rt-live{display:none;margin:22px auto 0;width:min(410px,100%);height:820px;max-height:86vh;border-radius:44px;padding:12px;background:#1E2523;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.rt-live.on{display:block;animation:rtIn .4s ease both}
.rt-live iframe{width:100%;height:100%;border:0;border-radius:34px;background:var(--rt-sand)}
/* الباقات */
.rt-plans{margin-top:34px}
.rt-plans h2{text-align:center;font-size:26px;margin:0 0 6px}
.rt-plans .rt-per{display:flex;justify-content:center;gap:4px;margin:14px auto 18px;background:var(--rt-card);border:1px solid var(--rt-line);border-radius:14px;padding:4px;width:max-content}
.rt-plans .rt-per button{border:0;background:transparent;border-radius:11px;padding:8px 18px;font:inherit;font-weight:700;color:var(--rt-muted);cursor:pointer}
.rt-plans .rt-per button.on{background:var(--rt-c);color:#fff}
.rt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rt-plan{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px;position:relative}
.rt-plan.pop{border:2px solid var(--rt-c);transform:translateY(-6px)}
.rt-plan .badge{position:absolute;top:-13px;inset-inline-start:22px;background:var(--rt-amber);color:#1E2523;font-weight:700;font-size:12.5px;border-radius:999px;padding:4px 12px}
.rt-plan h3{margin:0;font-size:20px;color:var(--rt-ink)}
.rt-plan .pr{font:700 34px 'Readex Pro',sans-serif;color:var(--rt-c)}
.rt-plan .pr small{font-size:14px;color:var(--rt-muted);font-weight:500}
.rt-plan ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14.5px;color:var(--rt-ink)}
.rt-plan li::before{content:"✓";color:var(--rt-c);font-weight:700;margin-inline-end:8px}
.rt-plan .rt-btn{margin-top:auto}
/* شريط سفلي ثابت للجوال */
.rt-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;gap:8px;background:var(--rt-card);border:1px solid var(--rt-line);border-radius:20px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.rt-sticky .rt-btn{flex:1;min-height:46px;font-size:15px}
/* شعار متحرك */
.rt-logo path,.rt-logo circle{transform-box:fill-box;transform-origin:center}
.rt-logo.anim path{animation:rlBar .7s cubic-bezier(.2,.8,.2,1) both}
.rt-logo.anim path:nth-of-type(2){animation-delay:.13s}.rt-logo.anim path:nth-of-type(3){animation-delay:.26s}
.rt-logo.anim circle.rb{animation:rlDot .45s cubic-bezier(.3,1.6,.5,1) .55s both}
.rt-logo.anim circle.ra{animation:rlDrop .75s cubic-bezier(.3,1.5,.5,1) .85s both,rlBreath 3.2s ease-in-out 2s infinite}
@keyframes rlBar{from{opacity:0;transform:translateX(-38%) skewX(-12deg)}to{opacity:1;transform:none}}
@keyframes rlDot{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes rlDrop{0%{opacity:0;transform:translateY(-260%) scale(.6)}60%{opacity:1;transform:translateY(12%) scale(1.08)}100%{transform:none}}
@keyframes rlBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes rtIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rt-land *{animation:none!important;transition:none!important}}
@media (max-width:860px){
  .rt-book{flex-direction:column;min-height:0}
  .rt-cover{border-radius:26px 26px 0 0;padding:30px 22px}
  .rt-page{border-radius:0 0 26px 26px;padding:30px 22px}
  .rt-spine{flex:0 0 40px;margin:-20px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='40'%3E%3Ccircle cx='21' cy='7' r='4' fill='%231E2523' fill-opacity='.55'/%3E%3Ccircle cx='21' cy='33' r='4' fill='%231E2523' fill-opacity='.55'/%3E%3Cpath d='M21 7 C8 7 8 33 21 33' fill='none' stroke='%23262B2A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 10px center/42px 40px repeat-x}
  .rt-grid{grid-template-columns:1fr}
  .rt-plan.pop{transform:none}
  .rt-sticky{display:flex}
  body.rt-home{padding-bottom:80px}
}
html[dir="ltr"] .rt-land{direction:ltr}
html[dir="ltr"] .rt-cover{border-radius:30px 0 0 30px}
html[dir="ltr"] .rt-page{border-radius:0 30px 30px 0}