Islamic Books

@media (min-width:1025px){ .sl-header-custom{ --sl-container:1280px; --sl-green:#0f766e; --sl-green-dark:#115e59; --sl-text:#0f172a; --sl-muted:#475569; --sl-border:#e2e8f0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; background:#fff; border-bottom:1px solid var(--sl-border); position:relative; z-index:9999; } .sl-header-custom *{ box-sizing:border-box; } .sl-header-custom .sl-wrap{ max-width:var(--sl-container); margin:auto; padding:0 20px; } /* TOP BAR */ .sl-topbar{ background:#f8fafc; border-bottom:1px solid #eef2f7; padding:10px 0; } .sl-topbar-row{ display:grid; grid-template-columns:repeat(3,1fr); align-items:center; gap:20px; width:100%; } .sl-topitem{ display:flex; align-items:center; justify-content:center; text-align:center; gap:8px; font-size:14px; font-weight:600; color:#334155; line-height:1.4; white-space:nowrap; } /* MAIN BAR */ .sl-mainbar{ background:#fff; padding:18px 0; } .sl-main-row{ display:flex; align-items:center; gap:22px; } .sl-logo{ font-size:30px; font-weight:900; letter-spacing:-0.6px; line-height:1; color:var(--sl-text); text-decoration:none; white-space:nowrap; } .sl-search{ flex:1; } .sl-search input{ width:100%; height:52px; border:1px solid #dbe2ea; border-radius:14px; background:#f8fafc; padding:0 18px; font-size:15px; color:var(--sl-text); outline:none; transition:.2s; } .sl-search input:focus{ background:#fff; border-color:#14b8a6; } .sl-actions{ display:flex; align-items:center; gap:10px; } .sl-pill{ height:46px; display:flex; align-items:center; justify-content:center; padding:0 18px; border-radius:14px; border:1px solid var(--sl-border); background:#f8fafc; text-decoration:none; font-size:14px; font-weight:700; color:var(--sl-text); transition:.2s; white-space:nowrap; } .sl-pill:hover{ background:var(--sl-green); border-color:var(--sl-green); color:#fff; } .sl-cart{ background:var(--sl-green); border-color:var(--sl-green); color:#fff; } /* NAVIGATION */ .sl-nav{ background:#fff; border-top:1px solid #eef2f7; } .sl-nav-row{ height:62px; display:flex; align-items:center; gap:26px; position:relative; } .sl-nav-row > a, .sl-dd > button{ background:none; border:none; padding:0; margin:0; font-family:inherit; font-size:15px; font-weight:800; color:var(--sl-text); text-decoration:none; cursor:pointer; transition:.2s; white-space:nowrap; } .sl-nav-row > a:hover, .sl-dd > button:hover{ color:var(--sl-green); } .sl-nav-spacer{ flex:1; } /* DROPDOWN */ .sl-dd{ position:relative; height:62px; display:flex; align-items:center; } .sl-dd-menu{ position:absolute; top:100%; left:0; min-width:760px; background:#fff; border:1px solid var(--sl-border); border-radius:22px; padding:28px; box-shadow:0 20px 50px rgba(15,23,42,.08); display:none; z-index:99999; } .sl-dd:hover .sl-dd-menu{ display:block; } .sl-dd-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } .sl-dd-col h4{ font-size:17px; font-weight:900; margin:0 0 16px; color:var(--sl-text); } .sl-dd-col a{ display:block; margin-bottom:11px; text-decoration:none; font-size:14px; line-height:1.5; color:var(--sl-muted); transition:.2s; } .sl-dd-col a:hover{ color:var(--sl-green); transform:translateX(2px); } /* TRACK BUTTON */ .sl-track{ background:var(--sl-green); color:#fff !important; padding:12px 18px; border-radius:12px; } .sl-track:hover{ background:var(--sl-green-dark); } /* MOBILE HIDE */ } @media (max-width:1024px){ .sl-header-custom{ display:none !important; } }

Soltlane

Account Cart