/* SaraStore — e-books, nouveaux produits, paiement CIB / Edahabia */
html{overflow-x:hidden}
.pay-row{display:grid;grid-template-columns:1fr auto;gap:6px}
.pay-row .wa-mini{display:grid;place-items:center;width:42px;border:1px solid var(--line);color:var(--gold);text-decoration:none}
.pay-row .wa-mini svg{width:16px;height:16px}
.pay-row .wa-mini:hover{background:rgba(244,214,117,.1)}
.pay-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pay-strip span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px 11px;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#e8dfe9}
.pay-strip span b{color:var(--gold)}

/* Couvertures des e-books */
.art-ebook{display:flex;align-items:center;justify-content:center;perspective:900px}
.ebook-3d{position:relative;width:46%;aspect-ratio:3/4.2;transform:rotateY(-24deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);box-shadow:24px 26px 40px rgba(0,0,0,.55)}
.product-card:hover .ebook-3d{transform:rotateY(-8deg) rotateX(2deg) translateY(-6px)}
.ebook-3d .cv{position:absolute;inset:0;padding:12% 10%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.ebook-3d .cv::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 47%,transparent 60%);transform:translateX(-120%);transition:transform 1.2s}
.product-card:hover .ebook-3d .cv::after{transform:translateX(120%)}
.ebook-3d .sp{position:absolute;top:0;bottom:0;left:0;width:14px;transform:rotateY(90deg) translateZ(7px) translateX(-7px);transform-origin:left;filter:brightness(.6)}
.ebook-3d small{font:8px 'DM Mono',monospace;letter-spacing:.14em}
.ebook-3d b{font-size:clamp(15px,1.7vw,21px);line-height:1;letter-spacing:-.04em}
.ebook-3d em{font-family:'Playfair Display',serif;font-style:italic}
.ebook-a{background:radial-gradient(circle at 80% 0,rgba(123,232,255,.4),transparent 50%),radial-gradient(circle at 10% 100%,rgba(165,99,209,.55),transparent 55%),linear-gradient(140deg,#16233f,#0b0d1c)}
.ebook-a .cv,.ebook-a .sp{background:linear-gradient(160deg,#f4d675,#c2883e);color:#1a1006}
.ebook-b{background:radial-gradient(circle at 20% 10%,rgba(255,122,182,.45),transparent 50%),linear-gradient(140deg,#2a1230,#0f0a14)}
.ebook-b .cv,.ebook-b .sp{background:linear-gradient(160deg,#141018,#2c1f3a);color:#f7f2e8;border:1px solid rgba(244,214,117,.5)}
.ebook-b .cv b{color:var(--gold)}
.ebook-c .cv .ln{height:3px;width:40%;background:currentColor;opacity:.5}
.ebook-tag{position:absolute;top:14px;left:14px;font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.45);padding:5px 8px;backdrop-filter:blur(6px)}

/* Nouveaux visuels produits */
.art-playbook{background:conic-gradient(from 200deg at 70% 60%,#1877f2,#a563d1,#ff0050,#25f4ee,#1877f2);display:flex;align-items:flex-end;padding:20px}
.art-playbook div{background:rgba(7,5,11,.78);backdrop-filter:blur(10px);padding:14px 16px;border:1px solid rgba(255,255,255,.2)}
.art-playbook b{display:block;font-size:26px;line-height:.9;letter-spacing:-.06em}
.art-playbook span{font:9px 'DM Mono',monospace;letter-spacing:.14em;color:var(--gold)}
.art-ramadan{background:radial-gradient(circle at 70% 30%,#f4d675 0 9%,transparent 9.5%),radial-gradient(circle at 74% 26%,#0e2a2a 0 9%,transparent 9.5%),linear-gradient(160deg,#0e2a2a,#071312);display:flex;align-items:flex-end;padding:20px;color:#f4d675}
.art-ramadan b{font:600 30px 'Playfair Display',serif;line-height:.95}
.art-ramadan span{display:block;font:9px 'DM Mono',monospace;letter-spacing:.14em;color:#e7dcc2;margin-top:6px}
.art-presets{display:grid;grid-template-columns:1fr 1fr;gap:0}
.art-presets i{background:linear-gradient(140deg,#5a3a2a,#c58a5a)}
.art-presets i:nth-child(2){background:linear-gradient(140deg,#2a4a5a,#9ad0e0)}
.art-presets i:nth-child(3){background:linear-gradient(140deg,#4a2a5a,#e09ad0)}
.art-presets i:nth-child(4){background:linear-gradient(140deg,#5a552a,#f4d675)}
.art-presets b{position:absolute;inset:auto 0 0;padding:16px;font-size:24px;letter-spacing:-.05em;background:linear-gradient(transparent,rgba(0,0,0,.7))}

/* Fenêtre de paiement */
.co-modal{position:fixed;inset:0;z-index:100;background:rgba(5,3,8,.82);backdrop-filter:blur(10px);display:none;place-items:center;padding:16px;overflow:auto}
.co-modal.open{display:grid}
.co-card{position:relative;width:min(440px,100%);background:radial-gradient(120% 70% at 100% 0,rgba(165,99,209,.25),transparent 60%),#120d19;border:1px solid rgba(244,214,117,.3);border-radius:22px;padding:26px;box-shadow:0 40px 100px #000;color:#f7f2e8;font-family:Manrope,sans-serif}
.co-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:22px;cursor:pointer}
.co-kicker{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--gold)}
.co-card h2{margin:8px 40px 2px 0;font-size:22px;letter-spacing:-.03em;line-height:1.15}
.co-price{font-size:28px;font-weight:800;color:var(--gold);letter-spacing:-.03em}
.co-cards{display:flex;gap:8px;margin:12px 0 16px}
.co-cards span{font:700 10px 'DM Mono',monospace;letter-spacing:.1em;padding:6px 10px;border-radius:6px;background:linear-gradient(135deg,#1c6b3c,#0e3d22);color:#fff}
.co-cards span+span{background:linear-gradient(135deg,#f4c542,#c58f12);color:#1a1006}
.co-card form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin-bottom:12px;color:#ddd5df}
.co-card form label small{font-weight:400;color:#a79fae}
.co-card input{padding:12px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#f7f2e8;font:15px Manrope,sans-serif}
.co-card input:focus{outline:none;border-color:var(--gold)}
.co-hp{position:absolute;left:-9999px;width:1px;height:1px}
.co-err{color:#ff8a9b;font-size:13px;min-height:1em;margin:0 0 10px}
.co-err a{color:var(--gold)}
.co-pay{width:100%;border:0;border-radius:999px;padding:15px;font:800 14px Manrope,sans-serif;background:linear-gradient(135deg,#fbe9a6,#d6a04c 60%,#b77a33);color:#140d05;cursor:pointer}
.co-pay[disabled]{opacity:.6;cursor:wait}
.co-wa{display:block;text-align:center;margin:12px 0 0;color:#7be8a4;font-size:13px}
.co-note{font-size:11px;color:#8e8596;line-height:1.5;margin:14px 0 0}
.ebook-d{background:radial-gradient(circle at 75% 20%,rgba(123,232,255,.45),transparent 50%),linear-gradient(140deg,#0c2a2e,#071214)}
.ebook-d .cv,.ebook-d .sp{background:linear-gradient(160deg,#f7f2e8,#d9cfbf);color:#0c2a2e}
.ebook-d .cv b em{color:#1f7a85}
.cv[lang=ar] em{font-family:Amiri,serif;font-style:normal}
/* Sélecteur de langue (en-tête SaraStore) */
.store-tools{justify-self:end;display:flex;align-items:center;gap:10px}
.store-tools .lang-sw{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px}
.store-tools .lang-sw a{min-width:28px;height:26px;padding:0 7px;display:grid;place-items:center;border-radius:999px;color:#ded5dd;text-decoration:none;font:600 10px 'DM Mono',monospace;letter-spacing:.06em}
.store-tools .lang-sw a[lang=ar]{font:700 13px/1 'IBM Plex Sans Arabic',Tahoma,sans-serif;letter-spacing:0}
.store-tools .lang-sw a[aria-current]{background:var(--gold);color:#1c1214}
@media (max-width:800px){.store-tools{gap:6px}.store-tools .lang-sw a{min-width:24px;padding:0 5px}}
/* Mobile : l'objet 3D du hero passe sous les boutons au lieu de les recouvrir */
@media (max-width:800px){
  .store-hero{min-height:0;padding-bottom:40px}
  .hero-object{position:relative;inset:auto;margin:34px calc((100% - 460px) / 2) -122px;transform:scale(.76);transform-origin:top center}
  .hero-stats{margin-top:30px}
}
.store-tools .acct-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#ded5dd;font:600 10px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.store-tools .acct-btn svg{width:15px;height:15px;color:var(--gold)}
.store-tools .acct-btn.on{border-color:var(--gold);color:var(--gold)}
@media (max-width:800px){.store-tools .acct-btn{width:32px;padding:0;justify-content:center}.store-tools .acct-btn span{display:none}}
.store-tools .lang-sw a[lang=ar]{font-size:14px;line-height:1;padding-bottom:4px}
/* Police du « ع » du sélecteur de langue (chargée seulement si un caractère arabe est affiché) */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+FB50-FDFF,U+FE70-FEFC}