/* interior page shell (modules + industries) — allshop.ng brand */

.phead{background:var(--ink);color:var(--paper);padding:56px 0 64px;position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% -20%,rgba(20,184,166,.22),transparent 55%)}
.phead__in{position:relative;max-width:884px}
.crumb{font-size:.82rem;flex-wrap:wrap;color:var(--paper-40);margin-bottom:22px;display:flex;gap:8px;align-items:center}
.crumb a{color:var(--mint)}
.crumb span{opacity:.4}
.phead h1{color:#fff;font-size:clamp(2.1rem,5vw,3.25rem);font-weight:700;line-height:1.1;margin-bottom:18px;letter-spacing:-.03em}
.phead__lead{font-size:1.16rem;color:var(--paper-70);max-width:620px}
.phead__ic{font-size:2.6rem;margin-bottom:18px;display:block}

.pbody{padding:72px 0}
.pblock{max-width:820px;margin:0 auto 60px}
.pblock:last-child{margin-bottom:0}
.pblock h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-bottom:14px}
.pblock h3{font-size:1.2rem;margin:28px 0 10px}
.pblock p{color:var(--ink-70);font-size:1.05rem;margin-bottom:16px}
.pblock ul{padding-left:0;list-style:none;margin:0 0 20px}
.pblock li{padding:11px 0 11px 30px;position:relative;border-bottom:1px solid var(--paper-line);color:var(--ink-70)}
.pblock li::before{content:"▸";position:absolute;left:6px;color:var(--amber-deep);font-weight:700}
.pblock li b{color:var(--ink)}

.callout{background:var(--teal-50);border-left:4px solid var(--amber-deep);border-radius:0 var(--r-md) var(--r-md) 0;padding:20px 24px;margin:26px 0;font-size:.98rem;color:var(--ink-70)}
.callout b{color:var(--ink);font-family:var(--font-display)}

.featgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.featgrid .card h3{margin:0 0 8px;font-size:1.1rem}
.featgrid .card p{margin:0;font-size:.92rem;color:var(--ink-55)}

.fsplit{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;max-width:1040px;margin:0 auto 60px}
@media(max-width:820px){.fsplit,.featgrid{grid-template-columns:1fr}}

.plan-note{font-size:.82rem;color:var(--ink-40);margin-top:8px}

.related{background:var(--paper-2);border-top:1px solid var(--paper-line);padding:60px 0}
.related h4,.related-h{font-size:.95rem;font-weight:600;letter-spacing:.01em;color:var(--amber-deep);margin:0 0 22px}
.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rcard{background:#fff;border:1px solid var(--paper-line);border-radius:var(--r-md);padding:20px;transition:transform .16s,border-color .2s;display:block}
.rcard:hover{transform:translateY(-3px);border-color:var(--amber);box-shadow:var(--shadow-card)}
.rcard b{font-family:var(--font-display);font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
.rcard span{color:var(--ink-55);font-size:.86rem}
@media(max-width:820px){.related__grid{grid-template-columns:1fr}}

.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--paper-line);padding:18px 0}
.faq summary{font-family:var(--font-display);font-weight:600;font-size:1.06rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--amber-deep);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:12px;color:var(--ink-70)}