.classic-preview{--cp:#143754;--cp-bg:#f7f9fb;--cp-soft:#edf1f5;background:var(--cp-bg);color:#263039;min-height:100vh;font-family:Marqova Arabic,Arial,sans-serif}.classic-preview-lamsa{--cp:#49352c;--cp-bg:#faf7f2;--cp-soft:#eee7db}.classic-preview-noor{--cp:#513b3f;--cp-bg:#fbf5f2;--cp-soft:#f2e4de}.classic-preview-wrap{width:min(1160px,100% - 36px);margin:auto}.classic-preview-notice{background:var(--cp);color:#fff;text-align:center;padding:8px;font-size:12px}.classic-preview-header{background:#fff;border-bottom:1px solid #ddd9}.classic-preview-header .classic-preview-wrap,.classic-preview-footer .classic-preview-wrap{justify-content:space-between;align-items:center;gap:25px;padding-block:22px;display:flex}.classic-preview-brand{color:var(--cp);font:700 22px Marqova Kufi,sans-serif}.classic-preview nav{flex-wrap:wrap;gap:20px;display:flex}.classic-preview nav a,.classic-preview a{text-decoration:none}.classic-preview nav a{color:var(--cp);font-weight:700}.classic-preview-main{min-height:68vh;padding-block:40px 75px}.classic-preview-back{color:var(--cp);font-size:13px;font-weight:700}.classic-preview h1{color:var(--cp);margin:24px 0 12px;font:700 clamp(34px,5vw,54px)/1.5 Marqova Kufi,sans-serif}.classic-preview-main>p{color:#656565;line-height:1.9}.classic-preview-categories{flex-wrap:wrap;gap:10px;margin:32px 0;display:flex}.classic-preview-categories a,.classic-preview-action{border:1px solid var(--cp);color:var(--cp);background:#fff;border-radius:24px;padding:9px 17px;font-weight:700}.classic-preview-categories a:hover,.classic-preview-action:hover{background:var(--cp);color:#fff}.classic-preview-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.classic-preview-prose{background:#fff;border:1px solid #ddd9;border-radius:18px;max-width:720px;padding:32px;line-height:2}.classic-preview-prose details{border-bottom:1px solid #ddd9;padding:14px 0}.classic-preview-prose summary{cursor:pointer;font-weight:700}.classic-preview-action{margin-top:20px;display:inline-flex}.classic-preview-footer{background:var(--cp-soft);font-size:13px}@media (max-width:800px){.classic-preview-products{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-preview-header .classic-preview-wrap{display:block}.classic-preview nav{gap:12px;margin-top:15px}.classic-preview-header nav a{font-size:12px}}