/* Phase 6: tokens-only visual language. No independent brand values. */
.mg-p6-home,.mg-p6-index,.mg-p6-detail{color:var(--ink);background:var(--surface)}
.mg-p6-section{padding-block:var(--space-24);border-block-end:var(--hairline) solid var(--line)}
.mg-p6-section-title{font-family:var(--font-arabic);font-size:clamp(1.65rem,4vw,3rem);line-height:1.25;font-weight:700;max-width:var(--measure);margin-block:0 var(--space-8)}
.mg-p6-display{font-family:var(--font-arabic);font-size:clamp(2.75rem,8vw,5.5rem);font-weight:700;line-height:1.1;max-width:var(--measure);margin:0}
.mg-p6-lead{font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.8;max-width:var(--measure)}
.mg-p6-muted{color:var(--ink-muted)}
.mg-p6-hero{position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center;isolation:isolate}
.mg-p6-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 95%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%)}
.mg-p6-hero-inner{width:100%;display:grid;gap:var(--space-6)}
.mg-p6-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;margin-block:var(--space-6)}
.mg-p6-choices{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.mg-p6-choice{display:inline-flex;align-items:center;min-height:var(--tap-min);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);text-decoration:none;color:var(--ink);font-weight:700}
.mg-p6-choice:hover,.mg-p6-choice:focus-visible{border-color:var(--focus)}
.mg-p6-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-6);margin-block:var(--space-8)}
.mg-p6-grid>.mg-card{box-shadow:none;border:var(--hairline) solid var(--line);border-radius:var(--radius-md);min-width:0}
.mg-p6-panel{background:var(--surface-raised)}
.mg-p6-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-6);list-style-position:inside;padding:0}
.mg-p6-process>li{border-block-start:var(--hairline) solid var(--line-strong);padding-block:var(--space-6)}
.mg-p6-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.mg-p6-stats>div{display:flex;flex-direction:column;gap:var(--space-3)}
.mg-p6-stats strong{font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);font-weight:800}
.mg-p6-client-logo img{max-width:min(16rem,100%);height:auto}
.mg-p6-index,.mg-p6-detail{padding-block:var(--space-16)}
.mg-p6-index-heading{display:grid;gap:var(--space-6);margin-block-end:var(--space-12)}
.mg-p6-back{margin-block-end:var(--space-12)}
.mg-p6-detail-hero{display:grid;gap:var(--space-6);padding-block-end:var(--space-16)}
.mg-p6-price{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}
.mg-p6-preview{margin:0;max-width:100%;border:var(--hairline) solid var(--line);border-radius:var(--radius-md);overflow:hidden}
.mg-p6-preview img{display:block;width:100%;height:auto;object-fit:contain}
.mg-p6-list{padding-inline-start:var(--space-8);line-height:1.9}
.mg-p6-list>li{margin-block-end:var(--space-3)}
.mg-p6-detail-section{max-width:var(--measure)}
.mg-p6-product-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12)}
.mg-p6-buy-aside{align-self:start}
.mg-p6-store-search{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.mg-p6-store-search input{min-width:min(100%,18rem);min-height:var(--tap-min);background:var(--surface);color:var(--ink);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3)}
.mg-p6-home a:focus-visible,.mg-p6-index a:focus-visible,.mg-p6-detail a:focus-visible,.mg-p6-store-search input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media(min-width:60rem){.mg-p6-product-layout{grid-template-columns:minmax(0,1.7fr) minmax(17rem,1fr)}.mg-p6-buy-aside{position:sticky;top:var(--space-24)}}
@media(max-width:35rem){.mg-p6-section{padding-block:var(--space-12)}.mg-p6-stats{grid-template-columns:1fr}.mg-p6-actions>*{flex:1 1 100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.mg-p6-home *,.mg-p6-index *,.mg-p6-detail *{animation:none!important;transition:none!important}}
