/* ============================================ SERVYLO BLOG CSS — v3 Prefix:blg- ============================================ */.blg-page{background:#f5f7fb;min-height:100vh;}.blg-hero{ background:linear-gradient(135deg, #0243f1 0%, #2563eb 50%, #6366f1 100%); padding:40px 24px; text-align:center; position:relative; overflow:hidden;}.blg-hero::before{ content:''; position:absolute; inset:0; background: radial-gradient(circle at 20% 40%, rgba(255,255,255,.12) 0, transparent 50%), radial-gradient(circle at 80% 60%, rgba(255,255,255,.08) 0, transparent 50%); pointer-events:none;}.blg-hero__inner{max-width:600px;margin:0 auto;position:relative;z-index:1;}.blg-hero__badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.18); backdrop-filter:blur(8px); color:#fff; font-size:12px; font-weight:700; padding:6px 16px; border-radius:999px; margin-bottom:16px; text-transform:uppercase; letter-spacing:.04em;}.blg-hero__badge i{font-size:15px;}.blg-hero__title{ font-size:32px; font-weight:800; color:#fff; margin:0 0 10px; letter-spacing:-.03em; line-height:1.15;}.blg-hero__subtitle{ font-size:15px; color:rgba(255,255,255,.8); line-height:1.6; margin:0 auto; max-width:480px;}.blg-container{max-width:1200px;margin:0 auto;padding:36px clamp(16px, 5vw, 48px);}.blg-featured{ background:#fff; border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; box-shadow:0 1px 3px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.08); border:1px solid rgba(0,0,0,.03); margin-bottom:36px; transition:all .3s cubic-bezier(.16,1,.3,1); text-decoration:none; color:inherit;}.blg-featured:hover{ box-shadow:0 4px 12px rgba(15,23,42,.06), 0 24px 48px -16px rgba(2,67,241,.12); transform:translateY(-2px);}.blg-featured__visual{ width:100%; min-height:300px; background:linear-gradient(135deg, #eef2ff 0%, #dbeafe 100%); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}.blg-featured__visual::before{ content:''; position:absolute; top:-40px;right:-40px; width:180px;height:180px; border-radius:50%; background:rgba(255,255,255,.5);}.blg-featured__visual::after{ content:''; position:absolute; bottom:-50px;left:-50px; width:160px;height:160px; border-radius:50%; background:rgba(2,67,241,.06);}.blg-featured__visual i{font-size:72px;color:#0243f1;opacity:.45;position:relative;z-index:1;}.blg-featured__content{ padding:36px; display:flex; flex-direction:column; justify-content:center;}.blg-featured__tags{ display:flex; align-items:center; gap:8px; margin-bottom:16px; flex-wrap:wrap;}.blg-featured__tag{ display:inline-flex; align-items:center; gap:5px; background:linear-gradient(135deg, #0243f1, #2563eb); color:#fff; font-size:10.5px; font-weight:700; padding:5px 12px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em;}.blg-featured__cat{ display:inline-flex; align-items:center; background:#eef2ff; color:#0243f1; font-size:10.5px; font-weight:700; padding:5px 12px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em;}.blg-featured__title{ font-size:22px; font-weight:800; color:#0f172a; margin:0 0 10px; line-height:1.3; letter-spacing:-.02em;}.blg-featured__excerpt{ font-size:14.5px; color:#64748b; line-height:1.65; margin:0 0 16px;}.blg-featured__footer{ display:flex; align-items:center; gap:16px; flex-wrap:wrap;}.blg-featured__meta{ font-size:12.5px; color:#94a3b8; font-weight:500; display:inline-flex; align-items:center; gap:5px;}.blg-featured__meta i{font-size:14px;}.blg-featured__link{ display:inline-flex; align-items:center; gap:6px; color:#0243f1; font-weight:700; font-size:13.5px; text-decoration:none; margin-top:16px; transition:gap .2s ease;}.blg-featured:hover .blg-featured__link{gap:10px;}.blg-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px;margin-bottom:36px;}.blg-card{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.08); border:1px solid rgba(0,0,0,.03); transition:all .3s cubic-bezier(.16,1,.3,1); text-decoration:none; color:inherit; display:flex; flex-direction:column;}.blg-card:hover{ transform:translateY(-4px); box-shadow:0 4px 12px rgba(15,23,42,.06), 0 24px 48px -16px rgba(2,67,241,.12); border-color:rgba(2,67,241,.1);}.blg-card__visual{ width:100%; height:170px; background:linear-gradient(135deg, #eef2ff, #dbeafe); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; flex-shrink:0;}.blg-card__visual::before{ content:''; position:absolute; top:-25px;right:-25px; width:100px;height:100px; border-radius:50%; background:rgba(255,255,255,.5);}.blg-card__visual i{font-size:48px;color:#0243f1;opacity:.4;position:relative;z-index:1;}.blg-visual--menage{background:linear-gradient(135deg, #e0f2fe, #bae6fd);}.blg-visual--menage i{color:#0284c7;}.blg-visual--plomberie{background:linear-gradient(135deg, #dbeafe, #bfdbfe);}.blg-visual--plomberie i{color:#1d4ed8;}.blg-visual--jardinage{background:linear-gradient(135deg, #dcfce7, #bbf7d0);}.blg-visual--jardinage i{color:#15803d;}.blg-visual--bricolage{background:linear-gradient(135deg, #fef3c7, #fde68a);}.blg-visual--bricolage i{color:#b45309;}.blg-visual--demenagement{background:linear-gradient(135deg, #fce7f3, #fbcfe8);}.blg-visual--demenagement i{color:#be185d;}.blg-visual--conseils{background:linear-gradient(135deg, #ede9fe, #ddd6fe);}.blg-visual--conseils i{color:#6d28d9;}.blg-visual--electricite{background:linear-gradient(135deg, #fef9c3, #fef08a);}.blg-visual--electricite i{color:#a16207;}.blg-visual--serrurier{background:linear-gradient(135deg, #f1f5f9, #e2e8f0);}.blg-visual--serrurier i{color:#334155;}.blg-card__body{ padding:22px; display:flex; flex-direction:column; flex:1;}.blg-card__tag{ display:inline-block; background:#eef2ff; color:#0243f1; font-size:10.5px; font-weight:700; padding:4px 11px; border-radius:999px; margin-bottom:12px; text-transform:uppercase; letter-spacing:.04em; width:fit-content;}.blg-card__title{ font-size:16px; font-weight:700; color:#0f172a; margin:0 0 8px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-.01em;}.blg-card__excerpt{ font-size:13.5px; color:#64748b; line-height:1.6; margin:0 0 auto; padding-bottom:14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}.blg-card__footer{ display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid #f1f5f9;}.blg-card__date,.blg-card__read{ font-size:11.5px; color:#94a3b8; display:flex; align-items:center; gap:4px; font-weight:500;}.blg-card__date i,.blg-card__read i{font-size:13px;}.blg-empty{ text-align:center; padding:60px 24px; background:#fff; border-radius:20px; box-shadow:0 1px 3px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.08);}.blg-empty__icon{ width:72px;height:72px; border-radius:20px; background:#eef2ff; color:#0243f1; display:inline-flex; align-items:center; justify-content:center; font-size:32px; margin:0 auto 16px;}.blg-empty__title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px;}.blg-empty__text{font-size:14px;color:#64748b;margin:0;}.blg-section-title{ font-size:20px; font-weight:800; color:#0f172a; margin:0 0 20px; letter-spacing:-.02em;}.blg-seo-links{ margin-top:40px; padding-top:36px; border-top:1px solid #e2e8f0;}.blg-seo-links__grid{ display:flex; flex-wrap:wrap; gap:10px;}.blg-seo-links__item{ display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:#fff; border:1px solid #e2e8f0; border-radius:999px; font-size:13px; font-weight:600; color:#334155; text-decoration:none; transition:all .25s cubic-bezier(.16,1,.3,1);}.blg-seo-links__item i{font-size:15px;color:#0243f1;}.blg-seo-links__item:hover{ background:#eef2ff; border-color:rgba(2,67,241,.2); color:#0243f1; transform:translateY(-1px); box-shadow:0 4px 12px -4px rgba(2,67,241,.15);}.blg-services-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; margin-top:16px;}.blg-service-card{ display:flex; align-items:center; gap:12px; padding:16px 20px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; text-decoration:none; color:#1e293b; font-weight:500; font-size:15px; transition:all .2s;}.blg-service-card:hover{ background:#eef2ff; border-color:rgba(2,67,241,.2); color:#0243f1; transform:translateY(-1px);}.blg-service-card__icon{ width:40px; height:40px; border-radius:10px; background:#eef2ff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}.blg-service-card__icon i{ font-size:20px; color:#0243f1;}.blg-pagination{display:flex;justify-content:center;margin:36px 0 0;}.blg-pagination nav{display:flex;align-items:center;}.blg-pagination .pagination,.blg-pagination ul{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center;}.blg-pagination .page-item .page-link,.blg-pagination li a,.blg-pagination li span{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:10px; font-family:'Inter', sans-serif; font-size:14px; font-weight:600; color:#334155; background:#fff; border:1px solid #e2e8f0; text-decoration:none; transition:all .25s cubic-bezier(.16,1,.3,1); cursor:pointer;}.blg-pagination .page-item .page-link:hover,.blg-pagination li a:hover{ background:#eef2ff; border-color:rgba(2,67,241,.2); color:#0243f1; transform:translateY(-1px); box-shadow:0 4px 12px -4px rgba(2,67,241,.15);}.blg-pagination .page-item.active .page-link,.blg-pagination li .active,.blg-pagination li[aria-current="page"] span{ background:linear-gradient(135deg, #0243f1 0%, #2563eb 100%); color:#fff; border-color:#0243f1; box-shadow:0 4px 12px -4px rgba(2,67,241,.35); cursor:default;}.blg-pagination .page-item.disabled .page-link,.blg-pagination li.disabled span{ color:#cbd5e1; background:#f8fafc; border-color:#f1f5f9; cursor:default; pointer-events:none;}.blg-pagination p{display:none;}@media (max-width:1024px){ .blg-grid{grid-template-columns:repeat(2, 1fr);}}@media (max-width:768px){ .blg-featured{grid-template-columns:1fr;} .blg-featured__visual{min-height:200px;} .blg-featured__visual i{font-size:56px;} .blg-featured__content{padding:28px;} .blg-grid{grid-template-columns:1fr;} .blg-hero{padding:32px 20px;} .blg-hero__title{font-size:26px;} .blg-services-grid{grid-template-columns:repeat(2, 1fr);gap:8px;} .blg-service-card{padding:10px 12px;font-size:13px;gap:8px;border-radius:10px;} .blg-service-card__icon{width:32px;height:32px;border-radius:8px;} .blg-service-card__icon i{font-size:16px;}}@media (max-width:480px){ .blg-container{padding:24px 14px;} .blg-featured__content{padding:22px;} .blg-card__body{padding:18px;} .blg-featured__title{font-size:19px;}}