.time-display-container{text-align:center;padding:2rem 0}.time-display-clock{font-size:4rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.time-display-clock,.time-display-date{font-family:SolaimanLipi,Kalpurush,sans-serif}.time-display-date{font-size:1.5rem;color:#6b7280}.sun-info-container{width:100%}.sun-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.sun-info-card{text-align:center;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sun-info-card,.sun-info-card.sunrise{background:linear-gradient(135deg,#fef3c7,#fde68a)}.sun-info-card.sunset{background:linear-gradient(135deg,#fed7aa,#fdba74)}.sun-info-icon{display:flex;justify-content:center;margin-bottom:1rem}.sun-info-title{font-size:1.5rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.sun-info-time,.sun-info-title{font-family:SolaimanLipi,Kalpurush,sans-serif}.sun-info-time{font-size:2rem;font-weight:700;color:#78350f}.sun-additional-info{background:#f9fafb;padding:1.5rem;border-radius:.5rem;margin-top:1rem}.sun-additional-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem;font-family:SolaimanLipi,Kalpurush,sans-serif}.sun-additional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sun-additional-item{display:flex;flex-direction:column;gap:.25rem}.sun-additional-item strong{color:#4b5563;font-size:.875rem;font-family:SolaimanLipi,Kalpurush,sans-serif}.sun-additional-item span{color:#1f2937;font-size:1rem;font-family:SolaimanLipi,Kalpurush,sans-serif}.city-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s;cursor:pointer;text-decoration:none;color:inherit}.city-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.city-card-icon{flex-shrink:0;color:#10b981}.city-card-info{flex:1}.city-card-name-bn{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;font-family:SolaimanLipi,Kalpurush,sans-serif}.city-card-name-en{font-size:.875rem;color:#6b7280}.city-search{position:relative;width:100%}.city-search-input-wrapper{position:relative;display:flex;align-items:center}.city-search-icon{position:absolute;left:1rem;width:1.25rem;height:1.25rem;color:#9ca3af}.city-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:SolaimanLipi,Kalpurush,sans-serif}.city-search-input:focus{outline:none;border-color:#10b981}.city-search-loading{position:absolute;right:1rem;width:1.25rem;height:1.25rem;color:#10b981;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.city-search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);max-height:400px;overflow-y:auto;z-index:50}.city-search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background-color .2s;text-decoration:none;color:inherit}.city-search-result-item.selected,.city-search-result-item:hover{background-color:#f3f4f6}.city-search-result-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#10b981}.city-search-result-info{flex:1}.city-search-result-name-bn{font-weight:600;color:#1f2937;font-family:SolaimanLipi,Kalpurush,sans-serif}.city-search-result-name-en{font-size:.875rem;color:#6b7280}.city-search-no-results{padding:2rem;text-align:center;color:#6b7280;font-family:SolaimanLipi,Kalpurush,sans-serif}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin:2rem 0}.pagination-btn,.pagination-number{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;text-decoration:none;font-family:SolaimanLipi,Kalpurush,sans-serif}.pagination-btn{background-color:#10b981;color:#fff}.pagination-btn:hover:not(.disabled){background-color:#059669}.pagination-btn.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.pagination-number{background-color:#fff;color:#374151;border:1px solid #e5e7eb}.pagination-number:hover{background-color:#f3f4f6}.pagination-number.current{background-color:#10b981;color:#fff;border-color:#10b981}.pagination-ellipsis{padding:.5rem;color:#6b7280}.breadcrumbs{flex-wrap:wrap;margin-bottom:1.5rem;font-size:.875rem;color:#6b7280}.breadcrumb-item,.breadcrumbs{display:flex;align-items:center;gap:.5rem}.breadcrumb-item a{color:#10b981;text-decoration:none;transition:color .2s;font-family:SolaimanLipi,Kalpurush,sans-serif}.breadcrumb-item a:hover{color:#059669;text-decoration:underline}.breadcrumb-item span:not([itemProp]){font-family:SolaimanLipi,Kalpurush,sans-serif}.breadcrumb-separator{width:1rem;height:1rem;color:#9ca3af}@media (max-width:640px){.time-display-clock{font-size:3rem}.time-display-date{font-size:1.25rem}.sun-info-grid{grid-template-columns:1fr}.sun-info-time{font-size:1.5rem}.city-card{padding:1rem}}@media (max-width:768px){.sun-additional-grid{grid-template-columns:1fr}}