/* Silver Normal Pages v0.6.0 — blog/page fallbacks only. */
/* Pages */
.slv-page{padding:46px 0}.slv-readable{max-width:860px}.slv-page-header{margin-bottom:28px}.slv-page-header h1{margin:0;font-family:var(--slv-display);font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.055em}.slv-page-featured{margin-bottom:24px;border-radius:22px;overflow:hidden}.slv-entry-content{background:#fff;border:1px solid var(--slv-border);border-radius:22px;padding:clamp(20px,4vw,38px);box-shadow:0 1px 2px rgba(17,17,32,.04)}.slv-entry-content :first-child{margin-top:0}.slv-entry-content :last-child{margin-bottom:0}.slv-post-list{display:grid;gap:16px}.slv-post-card{background:#fff;border:1px solid var(--slv-border);border-radius:18px;padding:20px;box-shadow:0 1px 2px rgba(17,17,32,.04)}.slv-post-card h2{margin:0 0 8px;font-family:var(--slv-display)}.slv-post-card a{text-decoration:none}.slv-post-card a:hover{color:var(--slv-pink)}.slv-empty-state{background:#fff;border:1px solid var(--slv-border);border-radius:24px;padding:44px;text-align:center;box-shadow:var(--slv-shadow)}.slv-empty-state h1{font-family:var(--slv-display);font-size:42px;letter-spacing:-.04em;margin:0 0 8px}.slv-empty-state p{color:var(--slv-muted)}.slv-empty-admin{width:min(100% - 32px,var(--slv-max));margin:24px auto 0;padding:14px 16px;border:1px dashed rgba(255,77,147,.45);border-radius:14px;background:#fff;color:var(--slv-muted);font-weight:700}.slv-empty-admin strong{color:var(--slv-pink)}

/* ============================================================================
   Silver v0.9.95 — styled shell for the generated footer pages (Help Center,
   policies, About, Contact). Matches store surfaces, radii, and pink accents.
   ============================================================================ */
.slv-page{width:100%;margin-inline:0;padding:0 0 56px;}
.slv-page__hero{margin:8px 0 28px;padding:34px 30px;border-radius:20px;background:linear-gradient(-135deg,rgba(255,77,147,.10),rgba(124,58,237,.08));border:1px solid var(--slv-border,#e7e9f2);}
.slv-page__title{margin:0;font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--slv-fg,#14141c);line-height:1.15;}
.slv-page__lead{margin:12px 0 0;font-size:15.5px;line-height:1.55;color:var(--slv-muted,#6b7280);max-width:60ch;}
.slv-page__body{display:flex;flex-direction:column;gap:2px;}
.slv-page__h{margin:26px 0 8px;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--slv-fg,#14141c);}
.slv-page__h:first-child{margin-top:4px;}
.slv-page__p{margin:0 0 14px;font-size:15px;line-height:1.7;color:#3f414d;}
.slv-page__list{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.slv-page__list li{position:relative;padding-right:26px;font-size:15px;line-height:1.6;color:#3f414d;}
.slv-page__list li:before{content:"";position:absolute;right:4px;top:9px;width:8px;height:8px;border-radius:999px;background:linear-gradient(-135deg,#ff4d93,#f97316);}
.slv-page__faq{display:flex;flex-direction:column;gap:12px;margin:6px 0 18px;}
.slv-page__faq-item{padding:16px 18px;border-radius:14px;background:var(--slv-surface-2,#f5f6fb);border:1px solid var(--slv-border,#e7e9f2);}
.slv-page__faq-q{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--slv-fg,#14141c);}
.slv-page__faq-a{margin:0;font-size:14.5px;line-height:1.6;color:#4b4d59;}
.slv-page__cta{margin:26px 0 0;}
.slv-page__cta a,
.slv-page__body--entry .slv-btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;background:linear-gradient(to left,#ff4d93,#f97316);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important;box-shadow:0 12px 24px rgba(255,77,147,.22);transition:opacity .15s ease;}
.slv-page__cta a:hover,
.slv-page__body--entry .slv-btn--primary:hover{opacity:.93;color:#fff!important;text-decoration:none!important;}
@media(max-width:560px){
	.slv-page{padding:0 14px 40px;}
	.slv-page__hero{padding:24px 20px;border-radius:16px;}
	.slv-page__title{font-size:24px;}
}

/* ============================================================================
   Silver v0.9.103 — the shell body styles WHATEVER the_content() outputs, so a
   page typed with normal WordPress blocks (headings, paragraphs, lists) looks
   styled without needing the theme's own markup classes.
   ============================================================================ */
/* v0.9.106 — align the page to the SAME width as the header/store container
   (was a narrower 860px, which sat left-offset from the header). Readable
   line length is kept by constraining the text column, not the whole shell. */
.slv-page--shell{width:100%;margin-inline:0;padding:0 0 56px;}
.slv-page--shell .slv-page__hero{margin-right:0;margin-left:0;}
/* body width now controlled by the two-column layout below */
.slv-page__body--entry{font-size:15px;line-height:1.7;color:#3f414d;}
.slv-page__body--entry > *:first-child{margin-top:0;}
.slv-page__body--entry h2,
.slv-page__body--entry h3{color:#14141c;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:26px 0 8px;}
.slv-page__body--entry h2{font-size:19px;}
.slv-page__body--entry h3{font-size:16px;}
.slv-page__body--entry p{margin:0 0 14px;}
.slv-page__body--entry a{color:#ff4d93;text-decoration:underline;text-underline-offset:2px;}
.slv-page__body--entry a:hover{color:#e0327d;}
.slv-page__body--entry ul,
.slv-page__body--entry ol{margin:0 0 16px;padding-right:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.slv-page__body--entry ul li{position:relative;padding-right:26px;}
.slv-page__body--entry ul li:before{content:"";position:absolute;right:4px;top:9px;width:8px;height:8px;border-radius:999px;background:linear-gradient(-135deg,#ff4d93,#f97316);}
.slv-page__body--entry ol{counter-reset:slv-ol;}
.slv-page__body--entry ol li{position:relative;padding-right:30px;counter-increment:slv-ol;}
.slv-page__body--entry ol li:before{content:counter(slv-ol);position:absolute;right:0;top:1px;width:20px;height:20px;border-radius:999px;background:#fff0f6;color:#ff4d93;font-size:11px;font-weight:800;display:grid;place-items:center;}
.slv-page__body--entry strong{color:#14141c;}
.slv-page__body--entry img{max-width:100%;height:auto;border-radius:12px;margin:6px 0 16px;}
.slv-page__body--entry blockquote{margin:0 0 16px;padding:12px 18px;border-right:3px solid #ff4d93;background:#f5f6fb;border-radius:10px 0 0 10px;}
@media(max-width:560px){.slv-page--shell{padding:0 14px 40px;}}

/* ============================================================================
   Silver v0.9.109 — illustrated page hero (magazine style) + full page design.
   No left accent bar. The right side gets a layered SVG illustration: an
   organic blob backdrop, a floating glyph tile, orbiting accent shapes and a
   soft grid — themed per page. Plus a decorative corner graphic bottom-right.
   The whole page body is redesigned into readable, well-spaced sections.
   ============================================================================ */
.slv-page__hero--art{
	/* v0.9.126 — flat, full-width hero: gradient background spans edge to edge
	   (no rounded box, no border), inner content stays aligned to the container. */
	position:relative;
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	gap:20px;
	overflow:hidden;
	margin-right:calc(50% - 50vw);
	margin-left:calc(50% - 50vw);
	margin-bottom:26px;
	padding-top:34px;
	padding-bottom:34px;
	padding-right:max(24px, (100vw - var(--slv-max,1392px)) / 2 + 24px);
	padding-left:max(24px, (100vw - var(--slv-max,1392px)) / 2 + 24px);
	border-bottom:1px solid var(--slv-border,#e7e9f2);
	background:
		radial-gradient(90% 160% at 100% 0%, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 12%, transparent), transparent 60%),
		radial-gradient(80% 160% at 88% 130%, color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 12%, transparent), transparent 55%),
		linear-gradient(-120deg,#fff, #faf9ff);
}
.slv-page__hero-copy{position:relative;z-index:3;}
.slv-page__eyebrow{
	display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;
	font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
	color:var(--slv-pg-accent,#ff4d93);
}
.slv-page__eyebrow .slv-ico{width:14px;height:14px;}
.slv-page__hero--art .slv-page__title{margin:0;font-size:29px;font-weight:900;letter-spacing:-.025em;line-height:1.08;color:var(--slv-fg,#14141c);}
.slv-page__hero--art .slv-page__lead{margin:11px 0 0;font-size:14.5px;line-height:1.5;color:var(--slv-muted,#6b7280);max-width:54ch;}

/* right-side layered illustration */
.slv-page__hero-art{position:relative;z-index:2;width:150px;height:112px;flex:0 0 auto;}
.slv-page__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
/* organic blob backdrop */
.slv-page__hero-art:before{
	content:"";position:absolute;inset:6px;z-index:1;
	background:linear-gradient(-135deg, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 20%, transparent), color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 18%, transparent));
	border-radius:58% 42% 37% 63%/42% 45% 55% 58%;
}
/* soft dotted texture behind */
.slv-page__hero-art:after{
	content:"";position:absolute;left:2px;top:2px;width:60px;height:60px;z-index:0;
	background-image:radial-gradient(color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 40%, transparent) 1.4px, transparent 1.4px);
	background-size:12px 12px;opacity:.5;border-radius:12px;
}
.slv-page__hero-glyph{
	position:absolute;z-index:3;right:50%;top:50%;transform:translate(50%,-50%);
	display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:#fff;
	background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));
	box-shadow:0 16px 34px color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 36%, transparent);
}
.slv-page__hero-glyph .slv-ico{width:30px;height:30px;stroke-width:1.8;}
/* orbiting accent chips — placed deliberately, not scattered */
.slv-page__blob{position:absolute;z-index:2;border-radius:8px;}
.slv-page__blob--1{width:26px;height:26px;right:8px;top:22px;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));opacity:.9;transform:rotate(12deg);}
.slv-page__blob--2{width:16px;height:16px;left:14px;bottom:20px;border-radius:999px;background:var(--slv-pg-accent2,#7c3aed);opacity:.8;}
.slv-page__spark{display:none;}

/* ---- decorative corner graphic, bottom-right of the whole page (like the
     reference's illustration anchored to a corner). Uses a per-page featured
     image if set; otherwise a soft branded blob so the page never looks bare. */
.slv-page--shell{position:relative;overflow:hidden;}
/* v0.9.122 — text and illustration sit together as ONE connected unit. The
   page main is a two-column flex: content left, a sticky illustration right,
   both wrapped on a soft shared panel so they read as the same composition —
   no floating image, no dead gap between them. */
.slv-page__main{position:relative;margin-top:22px;}
.slv-page__main.has-art{
	display:grid;
	grid-template-columns:minmax(240px, 0.72fr) minmax(0, 1.28fr);
	gap:28px;
	align-items:center;
	padding:30px;
	border-radius:24px;
	border:1px solid var(--slv-border,#e7e9f2);
	background:
		radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 8%, transparent), transparent 60%),
		linear-gradient(-180deg,#fff, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 3%, #fff));
}
.slv-page__main.has-art .slv-page__body--entry{max-width:none;}
.slv-page__aside{position:relative;align-self:center;display:flex;justify-content:center;}
.slv-page__aside-img{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;}
/* fallback branded blob when no image */
.slv-page__corner{position:absolute;left:0;bottom:0;width:230px;max-width:34vw;pointer-events:none;z-index:0;opacity:.8;}
.slv-page__corner--blob{width:240px;height:240px;left:0;bottom:0;border-radius:56% 44% 48% 52%/44% 52% 48% 56%;
	background:radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 14%, transparent), transparent 62%),
	radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 12%, transparent), transparent 60%);}
.slv-page__body--entry{position:relative;z-index:1;}

/* ---- page body: designed sections ---- */
.slv-page__body--entry{font-size:15px;line-height:1.72;color:#3f414d;max-width:none;}
.slv-page__body--entry > *{max-width:760px;}
/* v0.9.121 — body sections redesigned to match the hero + illustration.
   Headings carry a small gradient accent dot (echoing the hero eyebrow); list
   items are soft tinted cards with gradient check chips and a gentle hover
   lift; numbered steps use gradient chips. Airier, cohesive, less flat. */
.slv-page__body--entry h2{position:relative;display:flex;align-items:center;gap:11px;font-size:21px;font-weight:900;letter-spacing:-.02em;color:#14141c;margin:34px 0 14px;}
.slv-page__body--entry h2:before{content:"";flex:0 0 auto;width:11px;height:11px;border-radius:4px;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));box-shadow:0 4px 10px color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 40%, transparent);}
.slv-page__body--entry h3{font-size:16.5px;font-weight:800;color:#14141c;margin:24px 0 8px;}
.slv-page__body--entry p{margin:0 0 15px;}
.slv-page__body--entry a:not(.slv-btn--primary){color:var(--slv-pg-accent,#ff4d93);font-weight:600;text-decoration:none;border-bottom:1.5px solid color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 35%, transparent);transition:border-color .15s ease;}
.slv-page__body--entry a:not(.slv-btn--primary):hover{border-bottom-color:var(--slv-pg-accent,#ff4d93);}
.slv-page__body--entry ul{margin:2px 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;}
.slv-page__body--entry ul li{position:relative;padding:15px 52px 15px 18px;border:1px solid var(--slv-border,#e7e9f2);border-radius:16px;background:linear-gradient(-180deg,#fff, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 3%, #fff));box-shadow:0 1px 2px rgba(17,17,32,.04);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;}
.slv-page__body--entry ul li:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,32,.07);border-color:color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 30%, var(--slv-border,#e7e9f2));}
.slv-page__body--entry ul li:before{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));box-shadow:0 4px 10px color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 32%, transparent);}
.slv-page__body--entry ul li:after{content:"";position:absolute;right:23px;top:50%;transform:translateY(-60%) rotate(-45deg);width:5px;height:9px;border:solid #fff;border-width:0 0 2px 2px;}
.slv-page__body--entry ol{margin:2px 0 20px;padding-right:0;list-style:none;counter-reset:slv-ol;display:flex;flex-direction:column;gap:11px;}
.slv-page__body--entry ol li{position:relative;padding-right:44px;min-height:30px;display:flex;align-items:center;counter-increment:slv-ol;}
.slv-page__body--entry ol li:before{content:counter(slv-ol);position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center;box-shadow:0 5px 12px color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 30%, transparent);}
.slv-page__body--entry strong{color:#14141c;font-weight:700;}
.slv-page__body--entry blockquote{margin:4px 0 20px;padding:16px 20px;border:0;background:linear-gradient(-135deg, color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 8%, #fff), color-mix(in srgb, var(--slv-pg-accent2,#7c3aed) 7%, #fff));border-radius:16px;color:#3f414d;position:relative;padding-right:26px;}
.slv-page__body--entry blockquote:before{content:"";position:absolute;right:0;top:14px;bottom:14px;width:4px;border-radius:4px;background:linear-gradient(-180deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));}
.slv-page__body--entry img{max-width:100%;height:auto;border-radius:16px;margin:8px 0 20px;}

@media(max-width:820px){
	.slv-page__hero--art{grid-template-columns:1fr;gap:14px;padding:22px 20px;}
	.slv-page__hero--art .slv-page__title{font-size:23px;}
	.slv-page__hero-art{order:-1;width:150px;height:118px;margin:0 auto;}
	.slv-page__hero-glyph{width:64px;height:64px;border-radius:18px;}
	.slv-page__hero-glyph .slv-ico{width:30px;height:30px;}
	.slv-page__main.has-art{grid-template-columns:1fr;gap:20px;padding:20px;}
	.slv-page__aside{order:2;}
	.slv-page__aside-img{position:static;max-width:340px;margin:0 auto;}
	.slv-page__corner--blob{width:150px;height:150px;}
	.slv-page__body--entry > *{max-width:none;}
}

/* ============================================================================
   Silver v0.9.136 — featured image in the body (contained figure, floats right
   so text wraps beside it) + CTA button themed to the page accent colors.
   ============================================================================ */
/* v0.9.137 — split body: image in a sticky left column, text in the right.
   The image column is fixed so the text fills its column fully — no empty gap. */
.slv-page__main--split{display:grid;grid-template-columns:minmax(260px, 38%) 1fr;gap:36px;align-items:start;}
.slv-page__figcol{position:relative;}
.slv-page__figure{position:sticky;top:88px;margin:0;}
.slv-page__figure img{display:block;width:100%;height:auto;border-radius:16px;}
.slv-page__main--split .slv-page__body--entry > *{max-width:none;}
@media(max-width:820px){
	.slv-page__main--split{grid-template-columns:1fr;gap:20px;}
	.slv-page__figcol{order:-1;}
	.slv-page__figure{position:static;max-width:340px;margin:0 auto;}
}
/* CTA button uses the page's accent gradient (green on Privacy, pink on About, etc.) */
.slv-page__cta{clear:both;margin:26px 0 0;text-align:right;text-align:end;}.slv-page__cta a{display:inline-block;}
.slv-page__body--entry .slv-btn--primary{
	background:linear-gradient(-90deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed))!important;
	box-shadow:0 14px 28px color-mix(in srgb, var(--slv-pg-accent,#ff4d93) 30%, transparent)!important;
	color:#fff!important;
}
.slv-page__body--entry .slv-btn--primary:hover{filter:brightness(1.05);}

/* Silver v0.9.140 — prepaid hardware policy notice and 58-wilaya rate table. */
.slv-page__notice{display:flex;align-items:flex-start;gap:12px;margin:4px 0 18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 24%,#e7e9f2);border-radius:16px;background:linear-gradient(-135deg,color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 7%,#fff),color-mix(in srgb,var(--slv-pg-accent2,#7c3aed) 5%,#fff));}
.slv-page__notice>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 28%,transparent);}
.slv-page__notice .slv-ico{width:17px;height:17px;}
.slv-page__notice p{margin:0!important;font-size:14px;line-height:1.65;color:#3f414d;}
.slv-page__rates-wrap{width:100%;max-width:none!important;margin:4px 0 20px;overflow:auto;border:1px solid var(--slv-border,#e7e9f2);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(17,17,32,.05);}
.slv-page__rates{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:13.5px;line-height:1.35;}
.slv-page__rates th,.slv-page__rates td{padding:12px 16px;border-bottom:1px solid #eef0f5;text-align:right;white-space:nowrap;}
.slv-page__rates thead th{position:sticky;top:0;z-index:2;background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;}
.slv-page__rates tbody th{font-weight:800;color:#14141c;background:#fff;}
.slv-page__rates tbody td{font-weight:700;color:#4b4d59;}
.slv-page__rates tbody tr:nth-child(even) th,.slv-page__rates tbody tr:nth-child(even) td{background:#fafaff;}
.slv-page__rates tbody tr:last-child th,.slv-page__rates tbody tr:last-child td{border-bottom:0;}
.slv-page__rates tbody tr:hover th,.slv-page__rates tbody tr:hover td{background:color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 5%,#fff);}
@media(max-width:560px){.slv-page__notice{padding:14px}.slv-page__rates th,.slv-page__rates td{padding:11px 13px}.slv-page__rates{font-size:13px}}
/* Silver v0.9.252 — CIB / EDAHABIA payment conditions page. */
.slv-paycond{display:block;padding:0 0 64px}
.slv-paycond .slv-container{width:min(100% - 32px,1392px);margin-inline:auto}

/* ---- hero ---- */
.slv-paycond{--slv-pc-a:#ff4d93;--slv-pc-b:#7c3aed}
.slv-paycond__hero{position:relative;margin-bottom:26px;padding:34px 0 32px;border-bottom:1px solid #e7e9f2;background:radial-gradient(90% 160% at 100% 0%,color-mix(in srgb,var(--slv-pc-a) 14%,transparent),transparent 60%),radial-gradient(80% 160% at 86% 130%,color-mix(in srgb,var(--slv-pc-b) 13%,transparent),transparent 55%),linear-gradient(-120deg,#fff,#fbfaff)}
.slv-paycond__hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}
.slv-paycond__hero-copy{min-width:0}
.slv-paycond__eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 10px 6px 12px;border-radius:999px;background:color-mix(in srgb,var(--slv-pc-a) 12%,transparent);color:color-mix(in srgb,var(--slv-pc-a) 78%,#14141c);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.slv-paycond__eyebrow .slv-ico{width:14px;height:14px}
.slv-paycond__title{margin:0 0 10px;font-family:var(--slv-display,inherit);font-size:clamp(26px,3.6vw,42px);line-height:1.08;letter-spacing:-.03em;color:#14141c}
.slv-paycond__lead{margin:0;max-width:64ch;font-size:15px;line-height:1.65;color:#4b5563}
.slv-paycond__badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.slv-paycond__badges li{padding:7px 13px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;color:#334155;white-space:nowrap}
.slv-paycond__updated{margin:14px 0 0;font-size:12.5px;color:#8a90a2}

.slv-paycond__hero-art{position:relative;width:132px;height:110px;display:grid;place-items:center;flex:0 0 auto}
.slv-paycond__hero-blob{position:absolute;inset:0;margin:auto;width:104px;height:104px;border-radius:58% 42% 37% 63%/42% 45% 55% 58%;background:linear-gradient(-135deg,color-mix(in srgb,var(--slv-pc-a) 28%,transparent),color-mix(in srgb,var(--slv-pc-b) 24%,transparent))}
.slv-paycond__hero-badge{position:relative;z-index:2;display:grid;place-items:center;width:66px;height:66px;border-radius:19px;color:#fff;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b));box-shadow:0 14px 30px rgba(0,0,0,.16)}
.slv-paycond__hero-badge .slv-ico{width:30px;height:30px}

/* ---- security callout ---- */
.slv-paycond__warning{display:flex;align-items:flex-start;gap:11px;margin:0 0 26px;padding:14px 16px;border:1px solid #fde2ec;border-right:3px solid #ff4d93;border-radius:12px;background:#fff7fb;font-size:13.5px;line-height:1.55;font-weight:600;color:#14141c}
.slv-paycond__warning .slv-ico{flex:0 0 19px;width:19px;height:19px;margin-top:1px;color:#ff4d93}

/* ---- layout ---- */
.slv-paycond__layout{display:grid;grid-template-columns:274px minmax(0,1fr);align-items:start;gap:30px}

/* ---- sticky index ---- */
/* min-width:0 matters: a grid item's automatic minimum size is its content
   width, so without this the nowrap index row forces the whole page wider
   than the viewport on small screens. */
.slv-paycond__index{position:sticky;top:88px;min-width:0;max-width:100%}
.slv-paycond__index-inner{max-height:calc(100vh - 120px);overflow-y:auto;padding:18px 16px;border:1px solid #e7e9f2;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,17,32,.04);scrollbar-width:thin}
.slv-paycond__index-title{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a90a2}
.slv-paycond__index-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;counter-reset:none}
.slv-paycond__index-list a{display:flex;align-items:baseline;gap:9px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#4b5563;font-size:13px;line-height:1.4;transition:background .14s ease,color .14s ease}
.slv-paycond__index-list a:hover{background:#f6f7fb;color:#14141c}
.slv-paycond__index-num{flex:0 0 auto;font-size:11px;font-weight:800;color:#b8bdcc;font-variant-numeric:tabular-nums}
.slv-paycond__index-label{min-width:0}
.slv-paycond__index-list a.is-current{background:color-mix(in srgb,var(--slv-pc-a) 11%,transparent);color:#14141c;font-weight:700}
.slv-paycond__index-list a.is-current .slv-paycond__index-num{color:var(--slv-pc-a)}

/* ---- article cards ---- */
/* The theme's generic legal-page styles turn every <li> into a full-width card
   with a 52px indent. That fights this layout, so the list styling below is
   reset explicitly rather than inherited. */
.slv-paycond__art-body ul li,.slv-paycond__art-body ol li{padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-height:0;display:list-item;transform:none;transition:none}
.slv-paycond__art-body ul li::before,.slv-paycond__art-body ul li::after,.slv-paycond__art-body ol li::before{content:none}
.slv-paycond__art-body ul li:hover,.slv-paycond__art-body ol li:hover{transform:none;box-shadow:none;border:0}

.slv-paycond__articles{display:flex;flex-direction:column;gap:16px;min-width:0}
.slv-paycond__art{scroll-margin-top:96px;padding:24px 26px;border:1px solid #e7e9f2;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,17,32,.04)}
.slv-paycond__art-head{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #f0f2f7}
.slv-paycond__art-num{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b));color:#fff;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px color-mix(in srgb,var(--slv-pc-a) 24%,transparent)}
.slv-paycond__art-title{margin:0;font-size:17px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:#14141c}
.slv-paycond__art-body{font-size:14.5px;line-height:1.7;color:#3f414d}
.slv-paycond__art-body>*:first-child{margin-top:0}
.slv-paycond__art-body>*:last-child{margin-bottom:0}
.slv-paycond__art-body p{margin:0 0 13px}
.slv-paycond__art-body strong{color:#14141c;font-weight:700}
.slv-paycond__art-body code{padding:2px 6px;border-radius:6px;background:#f4f5f9;font-size:.92em;color:#14141c}
.slv-paycond__art-body a{color:var(--slv-pc-a);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.slv-paycond__art-body a:hover{color:color-mix(in srgb,var(--slv-pc-a) 75%,#000)}
/* Headings only appear inside the plain fallback — pages with 3+ sections get
   their headings promoted into the card titles instead. */
.slv-paycond__art-body h2,.slv-paycond__art-body h3,.slv-paycond__art-body h4{color:#14141c;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:28px 0 10px}
.slv-paycond__art-body h2{font-size:19px;display:flex;align-items:center;gap:10px}
.slv-paycond__art-body h2::before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:4px;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b))}
.slv-paycond__art-body h3{font-size:16.5px}
.slv-paycond__art-body h4{font-size:15px}
.slv-paycond__art-body>h2:first-child,.slv-paycond__art-body>h3:first-child{margin-top:0}
.slv-paycond__art-body ul,.slv-paycond__art-body ol{margin:0 0 14px;padding-right:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.slv-paycond__art-body ul li{position:relative;padding-right:24px;display:block}
.slv-paycond__art-body ul li::before{content:"";position:absolute;right:4px;top:9px;width:7px;height:7px;border-radius:999px;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b));transform:none;border:0;box-shadow:none}
.slv-paycond__art-body ol{counter-reset:slvpc}
.slv-paycond__art-body ol li{position:relative;padding-right:30px;counter-increment:slvpc;display:block;min-height:0}
.slv-paycond__art-body ol li::before{content:counter(slvpc);position:absolute;right:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#f4f5f9;color:#6b7280;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;transform:none;box-shadow:none}

.slv-paycond__plain{padding:24px 26px;border:1px solid #e7e9f2;border-radius:18px;background:#fff}

/* ---- tablet: index becomes a scrollable chip row above the articles ---- */
@media(max-width:1000px){
	.slv-paycond__layout{grid-template-columns:1fr;gap:18px}
	.slv-paycond__index{position:static;top:auto;min-width:0;max-width:100%}
	.slv-paycond__index-inner{max-height:none;overflow:visible;padding:14px;min-width:0;max-width:100%}
	.slv-paycond__index-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.slv-paycond__index-list::-webkit-scrollbar{display:none}
	.slv-paycond__index-list li{flex:0 0 auto}
	.slv-paycond__index-list a{border:1px solid #e7e9f2;white-space:nowrap;max-width:56vw}
	.slv-paycond__index-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ---- phone ---- */
@media(max-width:640px){
	.slv-paycond{padding-bottom:44px}
	.slv-paycond__hero{padding:24px 0 26px;margin-bottom:20px}
	.slv-paycond__hero-inner{grid-template-columns:1fr;gap:18px}
	.slv-paycond__hero-art{width:88px;height:76px;justify-self:start}
	.slv-paycond__hero-blob{width:74px;height:74px}
	.slv-paycond__hero-badge{width:52px;height:52px;border-radius:16px}
	.slv-paycond__hero-badge .slv-ico{width:24px;height:24px}
	/* Keep the four trust chips on one line — they read as a single row of
	   guarantees, and wrapping the last one onto its own line looks broken.
	   The row scrolls sideways instead. */
	.slv-paycond__badges{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;margin-left:-16px;padding-left:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.slv-paycond__badges::-webkit-scrollbar{display:none}
	.slv-paycond__badges li{flex:0 0 auto;font-size:11.5px;padding:6px 10px}
	.slv-paycond__art{padding:18px 16px;border-radius:15px}
	.slv-paycond__art-head{gap:10px;margin-bottom:12px;padding-bottom:12px}
	.slv-paycond__art-num{width:30px;height:30px;border-radius:10px;font-size:12px}
	.slv-paycond__art-title{font-size:15.5px}
	.slv-paycond__art-body{font-size:14px}
	.slv-paycond__warning{font-size:13px;padding:12px 14px}
}

/* ---- contact panel + form (Contact page only) ---- */
.slv-contact{margin-top:26px}
.slv-contact__channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 16px}
.slv-contact__channel{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #e7e9f2;border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 1px 2px rgba(17,17,32,.04);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.slv-contact__channel:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,32,.07);border-color:color-mix(in srgb,var(--slv-pc-a) 32%,#e7e9f2)}
.slv-contact__channel-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b))}
.slv-contact__channel--wa .slv-contact__channel-icon{background:linear-gradient(-135deg,#25d366,#128c7e)}
.slv-contact__channel-icon .slv-ico{width:20px;height:20px}
.slv-contact__channel-text{min-width:0}
.slv-contact__channel-text strong{display:block;font-size:14.5px;font-weight:700;color:#14141c;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slv-contact__channel-text small{display:block;margin-top:2px;font-size:12.5px;color:#6b7280;line-height:1.4}

.slv-contact__form{padding:24px 26px;border:1px solid #e7e9f2;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,17,32,.04)}
.slv-contact__title{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:#14141c}
.slv-contact__sub{margin:0 0 20px;font-size:14px;line-height:1.6;color:#6b7280}
.slv-contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.slv-contact__field{margin:0 0 16px;display:block;min-width:0}
.slv-contact__field label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#14141c}
.slv-contact__field label span{font-weight:500;color:#9ca3af}
.slv-contact__field input,.slv-contact__field textarea{display:block;width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #dbe0ec;border-radius:11px;background:#fbfcfe;font-family:inherit;font-size:14.5px;line-height:1.5;color:#14141c;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.slv-contact__field textarea{resize:vertical;min-height:120px}
.slv-contact__field input:focus,.slv-contact__field textarea:focus{outline:0;background:#fff;border-color:var(--slv-pc-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--slv-pc-a) 16%,transparent)}
.slv-contact__hp{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.slv-contact__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.slv-contact__submit{appearance:none;border:0;cursor:pointer;padding:13px 26px;border-radius:12px;background:linear-gradient(-135deg,var(--slv-pc-a),var(--slv-pc-b));color:#fff;font-family:inherit;font-size:14.5px;font-weight:800;line-height:1;box-shadow:0 10px 22px color-mix(in srgb,var(--slv-pc-a) 26%,transparent);transition:opacity .15s ease,transform .15s ease}
.slv-contact__submit:hover{opacity:.94;transform:translateY(-1px)}
.slv-contact__submit:disabled{opacity:.6;cursor:default;transform:none}
.slv-contact__note{font-size:13.5px;line-height:1.5;color:#6b7280;min-width:0}
.slv-contact__note.is-ok{color:#15803d;font-weight:600}
.slv-contact__note.is-err{color:#dc2626;font-weight:600}

@media(max-width:640px){
	.slv-contact__form{padding:18px 16px;border-radius:15px}
	.slv-contact__channels{grid-template-columns:1fr}
	.slv-contact__submit{width:100%;text-align:center}
	.slv-contact__actions{gap:10px}
}
/* ============================================================================
   Silver v0.9.302 — the readable templates centre again.

   .slv-container sets margin-inline:auto. The later .slv-page rule, added for the
   generated footer pages so they can run full width, resets it to 0. Both are
   single-class selectors, so they weigh the same and source order decides —
   .slv-page wins, and 404, single and page were all pinned to the inline start.
   In English that read as a wide left margin and went unnoticed. In Arabic the
   inline start is the right, so the panel sat hard against the right edge of the
   window with the whole page empty beside it.

   Scoped to the templates that explicitly asked for a readable width, so the
   full-width generated pages keep the behaviour the rule was written for.
   ============================================================================ */
.slv-page.slv-readable{margin-inline:auto}
body.error404 .slv-page{padding-block:46px}
/* v0.9.309 — links created in the copy by page-links.js. */
.slv-page__inline-link{color:#ff4d93;font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.slv-page__inline-link:hover,.slv-page__inline-link:focus{color:#e0417f}

/* Silver v0.9.348 — compact legal identity, intentionally plain text */
.slv-page__legal-details{
	margin:6px 0 26px;
	max-width:900px;
	background:transparent;
	border:0;
	box-shadow:none;
}
.slv-page__legal-row{
	display:flex;
	align-items:baseline;
	gap:8px;
	margin:0 0 7px!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	min-height:0!important;
	font-size:14px!important;
	line-height:1.55!important;
}
.slv-page__legal-label{
	flex:0 0 auto;
	color:#69738b!important;
	font-size:14px!important;
	font-weight:650!important;
	line-height:1.55!important;
}
.slv-page__legal-value{
	color:#202431!important;
	font-size:14px!important;
	font-weight:500!important;
	line-height:1.55!important;
	overflow-wrap:anywhere;
}
.slv-page__legal-value a{
	color:var(--slv-pg-accent,#ff4d93);
	text-decoration:none;
}
.slv-page__legal-value a:hover{text-decoration:underline;}
@media(max-width:640px){
	.slv-page__legal-row{display:block;margin-bottom:9px!important;}
	.slv-page__legal-label{display:inline;}
	.slv-page__legal-value{display:inline;}
}


/* Silver v0.9.346 — About Silver feature cards */
.slv-page__feature-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
	margin:8px 0 30px;
	max-width:980px!important;
}
.slv-page__feature-card{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:18px;
	border:1px solid var(--slv-border,#e7e9f2);
	border-radius:18px;
	background:linear-gradient(-145deg,#fff,color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 3%,#fff));
	box-shadow:0 8px 24px rgba(17,17,32,.055);
}
.slv-page__feature-icon{
	flex:0 0 46px;
	width:46px;
	height:46px;
	display:grid;
	place-items:center;
	border-radius:14px;
	color:#fff;
	background:linear-gradient(-135deg,var(--slv-pg-accent,#ff4d93),var(--slv-pg-accent2,#7c3aed));
	box-shadow:0 10px 20px color-mix(in srgb,var(--slv-pg-accent,#ff4d93) 24%,transparent);
}
.slv-page__feature-icon svg{width:22px;height:22px;}
.slv-page__feature-title{margin:1px 0 5px!important;font-size:15.5px!important;font-weight:850!important;color:#171821!important;}
.slv-page__feature-text{margin:0!important;color:#697087;font-size:13.5px;line-height:1.6;}
@media(max-width:720px){
	.slv-page__feature-grid{grid-template-columns:1fr;gap:11px;}
	.slv-page__feature-card{padding:16px;}
}