.blog-container{max-width:1220px;margin:56px auto 72px;padding:0 clamp(16px,4vw,32px)}.blog-header{max-width:760px;margin-bottom:28px}.blog-title{margin:0 0 12px;color:#000;font-family:Cairo,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.blog-subtitle{margin:0;color:#00000094;font-family:Cairo,sans-serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8}.blog-search{display:flex;gap:12px;max-width:720px;margin:0 0 32px}.blog-search-input{flex:1;min-width:0;height:50px;padding:0 18px;border:1.5px solid rgba(34,162,237,.22);border-radius:16px;background:#ffffff1a;box-shadow:0 4px 16px #0000000a,inset 1px 1px #ffffff8c;backdrop-filter:blur(8px);color:#000;font-family:Cairo,sans-serif;font-size:15px;outline:none}.blog-search-input:focus{border-color:#22a2ed8c;box-shadow:0 6px 22px #22a2ed1f,inset 1px 1px #ffffffb3}.blog-search-button{height:50px;padding:0 24px;border:0;border-radius:16px;background:#22a2ed;color:#fff;font-family:Cairo,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #22a2ed40}.blog-search-results-label{margin:0 0 20px;color:#0000009e;font-weight:700}.blog-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1rem,3vw,1.5rem)}.blog-featured-card{margin-bottom:clamp(1rem,3vw,1.5rem)}.blog-card-wrapper,.blog-featured-card{animation:fadeInCard .5s ease forwards;opacity:0}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-property-card{min-height:100%}.blog-featured-property-card{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:stretch}.blog-featured-property-card .blog-card-media{min-height:300px;height:100%}.blog-card-media{background:#ffffff1f}.blog-card-badge{position:absolute;top:12px;right:12px;z-index:2;padding:6px 12px;border-radius:10px;background:#22a2ed;color:#fff;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:700}[dir=rtl] .blog-card-badge{right:auto;left:12px}.blog-card-content{flex:1;justify-content:flex-start}.blog-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-featured-property-card .blog-card-title{font-size:clamp(1.35rem,3vw,2rem);-webkit-line-clamp:3}.blog-card-meta{direction:inherit}.blog-card-meta span{color:#00000094}.blog-card-excerpt{display:-webkit-box;margin:0;overflow:hidden;color:#0000009e;font-family:Cairo,sans-serif;font-size:clamp(.875rem,2vw,.95rem);line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-featured-property-card .blog-card-excerpt{font-size:1rem;-webkit-line-clamp:4}.blog-card-tags{gap:8px}.blog-card-tag{padding:6px 10px;border-radius:10px;background:#ffffff24;box-shadow:inset 1px 1px #ffffff73}.blog-card-tag span{color:#000000ad;font-family:Cairo,sans-serif;font-weight:600}.blog-card-action{margin-top:auto;justify-content:flex-start;color:#22a2ed}[dir=rtl] .blog-card-action{justify-content:flex-end}.blog-card-action .price-amount{color:#22a2ed;font-size:.95rem;font-weight:800}.blog-empty-state{grid-column:1 / -1;padding:56px 28px;border-radius:24px;background:#ffffff14;box-shadow:0 2px 30px #0000000d,inset 1px .5px #fff9;backdrop-filter:blur(5px);text-align:center}.blog-empty-title{margin:0 0 10px;color:#000;font-family:Cairo,sans-serif;font-size:26px;font-weight:800}.blog-empty-text{margin:0;color:#00000094;font-family:Cairo,sans-serif;font-size:16px;line-height:1.7}.blog-article{padding:40px 0 56px}.article-container{max-width:880px;margin:0 auto;padding:0 24px}.article-header{padding:28px 0 22px;margin-bottom:22px}.article-meta{display:flex;gap:16px;align-items:center;color:#00000094;font-size:14px;margin-bottom:16px}.reading-time{color:#22a2ed;font-weight:700}.article-header h1{font-size:clamp(2rem,5vw,2.65rem);font-weight:800;color:#000;line-height:1.25;margin:0 0 18px}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:6px 12px;background:#ffffff24;color:#000000ad;border-radius:10px;font-size:13px;font-weight:700;box-shadow:inset 1px 1px #ffffff73}.article-hero-media{margin:0 0 34px;aspect-ratio:16 / 9;overflow:hidden;border-radius:24px;background:#ffffff1f;box-shadow:0 2px 30px #0000000d,inset 1px .5px #fff9}.article-hero-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-content{max-width:760px;margin:0 auto;font-size:18px;line-height:2;color:#000000b8}.article-content :global(h1){font-size:30px;font-weight:800;color:#000;margin:38px 0 16px;line-height:1.35}.article-content :global(h2){font-size:26px;font-weight:800;color:#000;margin:34px 0 14px;line-height:1.4}.article-content :global(h3){font-size:21px;font-weight:750;color:#000;margin:28px 0 12px;line-height:1.45}.article-content :global(a){color:#22a2ed;text-decoration:underline;text-underline-offset:3px}.article-content :global(strong){color:#000}.article-content :global(ul){padding-inline-start:24px}.article-content :global(li){margin-bottom:6px}.related-posts{padding-top:38px;border-top:1px solid rgba(0,0,0,.08);margin-top:46px}.related-posts h2{font-size:24px;font-weight:800;margin:0 0 18px;color:#000}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.related-card{overflow:hidden;border-radius:24px;background:#ffffff14;box-shadow:0 2px 30px #0000000d,inset 1px .5px #fff9;color:inherit;text-decoration:none;transition:transform .2s}.related-card:hover{transform:scale(1.02)}.related-card img{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover}.related-card h3{font-size:16px;font-weight:800;color:#000;margin:14px 16px 8px;line-height:1.45}.related-card p{font-size:14px;color:#00000094;margin:0 16px 16px;line-height:1.6}.back-link{display:inline-block;margin-top:24px;padding:10px 20px;background:#22a2ed;color:#fff;text-decoration:none;border-radius:12px;font-weight:700}@media(max-width:900px){.blog-featured-property-card{display:flex}}@media(max-width:768px){.blog-container{margin:34px auto 52px}.blog-search{flex-direction:column}.blog-search-button{width:100%}.blog-article{padding-top:24px}.article-container{padding:0 16px}.article-content{font-size:16px}.related-grid{grid-template-columns:1fr}}
