:root {--app-bg:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--surface-glass:rgba(255, 255, 255, 0.85);--surface-glass-hover:rgba(255, 255, 255, 0.95);--border-glass:rgba(255, 255, 255, 0.6);--gradient-primary:linear-gradient(135deg, #ff385c 0%, #ff6b6b 50%, #ff8e8e 100%);--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #0284c7 100%);--gradient-green:linear-gradient(135deg, #10b981 0%, #34d399 50%, #6ee7b7 100%);--gradient-orange:linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #fcd34d 100%);--gradient-dark:linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.12);--shadow-glow:0 0 30px rgba(255, 56, 92, 0.3);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--color-eczane:#ef4444;--color-lokanta:#f59e0b;--color-kafe:#0284c7;--color-haber:#3b82f6;--color-taziye:#64748b;--color-hastane:#10b981;}body {background:var(--app-bg);background-attachment:fixed;min-height:100vh;}@keyframes float {0%,100% {transform:translateY(0px) rotate(0deg);}50% {transform:translateY(-6px) rotate(3deg);}}@keyframes pulse-glow {0%,100% {box-shadow:0 0 20px rgba(255, 56, 92, 0.3);}50% {box-shadow:0 0 40px rgba(255, 56, 92, 0.5);}}@keyframes shimmer {0% {background-position:-200% 0;}100% {background-position:200% 0;}}@keyframes slide-up {from {opacity:0;transform:translateY(30px);}to {opacity:1;transform:translateY(0);}}@keyframes scale-in {from {opacity:0;transform:scale(0.9);}to {opacity:1;transform:scale(1);}}@keyframes rotate-slow {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}@keyframes bounce-soft {0%,100% {transform:translateY(0);}50% {transform:translateY(-4px);}}.sa-container {max-width:1200px;margin:0 auto;
  padding:0.5rem 1rem 4rem 1rem; display:flex;flex-direction:column;gap:0.75rem;}.glass-panel {background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(31, 38, 135, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);animation:slide-up 0.6s ease-out;position:relative;overflow:hidden;}.glass-panel::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left 0.5s ease;}.glass-panel:hover::before {left:100%;}.glass-panel:hover {box-shadow:0 12px 40px rgba(31, 38, 135, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-3px);border-color:rgba(255, 56, 92, 0.2);}.hero-section {position:relative;padding:2.5rem 2rem;overflow:hidden;background-size:400% 400%;transition:background 1s ease;}.time-morning {background:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 50%, #bae6fd 100%);animation:heroGradient 15s ease infinite;}.time-afternoon {background:linear-gradient(135deg, #fdfbfb 0%, #ebedee 50%, #fef9d7 100%);animation:heroGradient 15s ease infinite;}.time-evening {background:linear-gradient(135deg, #ff7e5f 0%, #feb47b 50%, #f6d365 100%);animation:heroGradient 15s ease infinite;}.time-evening .hero-greeting, .time-evening .hero-subtitle, .time-evening .hero-search-icon {color:#fff;-webkit-text-fill-color:#fff;}.time-night {background:linear-gradient(135deg, #141e30 0%, #243b55 50%, #4b6cb7 100%);animation:heroGradient 15s ease infinite;}.time-night .hero-greeting, .time-night .hero-subtitle, .time-night .hero-search-icon {color:#f1f5f9;-webkit-text-fill-color:#f1f5f9;}.time-night .hero-search {background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);}.time-night .hero-search input {color:#fff;}.time-night .hero-search input::placeholder {color:#cbd5e1;}.hero-section::before {content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle, rgba(255, 56, 92, 0.08) 0%, transparent 70%);border-radius:50%;animation:rotate-slow 30s linear infinite;}.hero-section::after {content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, transparent 70%);border-radius:50%;}.hero-content {position:relative;z-index:1;}.hero-greeting {font-size:2rem;font-weight:800;background:linear-gradient(135deg, #1e293b 0%, #475569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:0.5rem;}.hero-greeting .emoji {display:inline-block;animation:float 4s ease-in-out infinite;font-size:1.8rem;-webkit-text-fill-color:initial; }.hero-subtitle {font-size:1.1rem;color:var(--text-muted);font-weight:500;margin-bottom:1.5rem;}.hero-search-wrapper {position:relative;margin-top:1rem;}.hero-search {display:flex;align-items:center;background:#ffffff;border-radius:var(--radius-full);padding:0.5rem;box-shadow:var(--shadow-md);border:2px solid transparent;transition:all 0.3s ease;}.hero-search:focus-within {border-color:rgba(255, 56, 92, 0.3);box-shadow:var(--shadow-lg), 0 0 0 4px rgba(255, 56, 92, 0.1);}.hero-search-icon {padding:0 1rem;color:var(--text-muted);font-size:1.1rem;}.hero-search input {flex-grow:1;border:none;outline:none;font-size:1.05rem;background:transparent;color:var(--text-main);padding:0.75rem 0;}.hero-search input::placeholder {color:#94a3b8;}.hero-search button {background:var(--gradient-primary);color:#fff;border:none;padding:0.85rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;}.hero-search button:hover {transform:scale(1.02);box-shadow:var(--shadow-glow);}.hero-search button:active {transform:scale(0.98);}.story-nav-wrapper {display:none;}@media (max-width:768px) {.story-nav-wrapper {display:block;margin-bottom:-10px;margin-top:-5px;padding:0;}.story-nav-mobile {display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:2px 16px;cursor:grab;}.story-nav-mobile::-webkit-scrollbar {display:none;}.story-item {display:flex;flex-direction:column;align-items:center;text-decoration:none;flex:0 0 auto;scroll-snap-align:start;width:72px;gap:4px;}.story-icon-wrapper {width:72px;height:72px;border-radius:50%;background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #f43f5e 75%, #e11d48 100%);padding:3px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease;}.story-icon-inner {width:100%;height:100%;border-radius:50%;background:#f8f9fa;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--text-main);box-sizing:border-box;}.story-item:hover .story-icon-wrapper {transform:scale(1.05);background:linear-gradient(45deg, #e11d48 0%, #f43f5e 25%, #dc2743 50%, #e6683c 75%, #f09433 100%);}.story-item:active .story-icon-wrapper {transform:scale(0.95);}.story-label {font-size:0.7rem;font-weight:700;color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}.story-haber .story-icon-inner { color:#ef4444; }.story-taziye .story-icon-inner { color:#64748b; }.story-eczane .story-icon-inner { color:#10b981; }.story-hava .story-icon-inner { color:#3b82f6; }.story-pazar .story-icon-inner { color:#f97316; }.story-ilan .story-icon-inner { color:#0284c7; }.story-burc .story-icon-inner { color:#eab308; }}.quick-actions {display:grid;grid-template-columns:repeat(auto-fit, minmax(68px, 1fr));gap:0.25rem;padding:0.35rem;}@media (max-width:768px) {.horizontal-scroll-mobile {display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; -ms-overflow-style:none;padding-bottom:10px;cursor:grab;}.horizontal-scroll-mobile::-webkit-scrollbar {display:none;}.horizontal-scroll-mobile .action-item {flex:0 0 calc(18.8% - 0.15rem);scroll-snap-align:center;}}.action-item {display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-decoration:none;padding:0.55rem 0.5rem;border-radius:var(--radius-md);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;}.action-item::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.4) 100%);text-decoration:none;transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);padding:0.75rem 0.5rem;border-radius:20px;}.action-item:hover {transform:translateY(-5px);background:rgba(255, 255, 255, 0.5);}.action-icon {width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:0.3rem;box-shadow:var(--shadow-sm);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;overflow:hidden;z-index:1;}.action-icon::after {content:'';position:absolute;top:-50%;left:-150%;width:100%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0) 70%,transparent 100%);transform:rotate(30deg);animation:mirror-shine 4s infinite;}@keyframes mirror-shine {0% { left:-150%; }20%, 100% { left:150%; }}.action-item:hover .action-icon {transform:scale(1.25) rotate(-10deg);box-shadow:0 12px 30px rgba(0, 0, 0, 0.2);filter:brightness(1.1);animation:bounce-soft 1.5s ease-in-out infinite;}.action-item:hover .action-label {color:var(--primary);transform:scale(1.1);font-weight:800;}.action-label {font-size:0.75rem;font-weight:700;color:var(--text-main);text-align:center;position:relative;z-index:1;transition:all 0.3s ease;}.action-eczane .action-icon {background:linear-gradient(135deg, #fecaca 0%, #f87171 100%);color:#dc2626;box-shadow:0 4px 15px rgba(248, 113, 113, 0.3);}.action-haber .action-icon {background:linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);color:#2563eb;box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);}.action-taziye .action-icon {background:linear-gradient(135deg, #e2e8f0 0%, #94a3b8 100%);color:#475569;box-shadow:0 4px 15px rgba(148, 163, 184, 0.3);}.action-ruya .action-icon {background:linear-gradient(135deg, #e2e8f0 0%, #64748b 100%);color:#1e293b;box-shadow:0 4px 15px rgba(100, 116, 139, 0.3);}.action-burc .action-icon {background:linear-gradient(135deg, #fef08a 0%, #facc15 100%);color:#ca8a04;box-shadow:0 4px 15px rgba(250, 204, 21, 0.3);}.action-ilan .action-icon {background:linear-gradient(135deg, #dcfce7 0%, #10b981 100%);color:#065f46;box-shadow:0 4px 15px rgba(16, 185, 129, 0.3);}.action-meydan .action-icon {background:linear-gradient(135deg, #fecdd3 0%, #fb7185 100%);color:#e11d48;box-shadow:0 4px 15px rgba(251, 113, 133, 0.3);}.action-diger .action-icon {background:linear-gradient(135deg, #93c5fd 0%, #2563eb 100%);color:#1e40af;box-shadow:0 4px 15px rgba(37, 99, 235, 0.3);}.action-pazar .action-icon {background:linear-gradient(135deg, #fed7aa 0%, #f97316 100%);color:#c2410c;box-shadow:0 4px 15px rgba(249, 115, 22, 0.3);}.action-play .action-icon {background:linear-gradient(135deg, #bae6fd 0%, #0284c7 100%);color:#0369a1;box-shadow:0 4px 15px rgba(2, 132, 199, 0.3);}.action-egitim .action-icon {background:linear-gradient(135deg, #bfdbfe 0%, #3b82f6 100%);color:#1d4ed8;box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);}.action-tv .action-icon {background:linear-gradient(135deg, #a5f3fc 0%, #06b6d4 100%);color:#0891b2;box-shadow:0 4px 15px rgba(6, 182, 212, 0.3);}.bento-play {grid-column:span 12;}.bento-tv {grid-column:span 12;}.bento-tv:hover {box-shadow:0 12px 40px rgba(6, 182, 212, 0.2) !important;}.play-card {padding:1.5rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(238, 242, 255, 0.5) 100%);}.play-list-horizontal {display:flex;gap:1.25rem;overflow-x:auto;scrollbar-width:none;padding-bottom:0.5rem;}.play-list-horizontal::-webkit-scrollbar {display:none;}.play-item-mini {flex:0 0 140px;text-decoration:none;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.play-item-mini:hover {transform:scale(1.05) translateY(-5px);}.play-thumb-wrap {width:140px;height:140px;border-radius:20px;overflow:hidden;margin-bottom:0.75rem;box-shadow:0 8px 20px rgba(0,0,0,0.1);border:2px solid #fff;background:#f1f5f9;display:flex;align-items:center;justify-content:center;}.play-thumb-wrap img {width:100%;height:100%;object-fit:cover;}.play-item-name {font-size:0.8rem;font-weight:800;color:#1e293b;text-align:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}.play-item-cat {font-size:0.65rem;color:#2563eb;font-weight:700;text-align:center;text-transform:uppercase;margin-top:2px;}.bento-grid {display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto auto auto;gap:0.75rem;}.bento-item {animation:scale-in 0.5s ease-out;transition:all 0.3s ease;}.bento-weather {grid-column:span 4;grid-row:span 1;}.bento-weather:hover {box-shadow:0 12px 40px rgba(245, 158, 11, 0.25) !important;}.bento-currency {grid-column:span 4;grid-row:span 1;}.bento-currency:hover {box-shadow:0 12px 40px rgba(16, 185, 129, 0.25) !important;}.bento-pharmacy {grid-column:span 4;grid-row:span 1;}.bento-pharmacy:hover {box-shadow:0 12px 40px rgba(239, 68, 68, 0.25) !important;}.bento-news {grid-column:span 12;grid-row:span 1;}.bento-news:hover {box-shadow:0 12px 40px rgba(239, 68, 68, 0.2) !important;}.bento-obituary {grid-column:span 6;}.bento-obituary:hover {box-shadow:0 12px 40px rgba(100, 116, 139, 0.2) !important;}.bento-places {grid-column:span 6;}.bento-places:hover {box-shadow:0 12px 40px rgba(59, 130, 246, 0.2) !important;}.bento-pazar {grid-column:span 12;}.bento-pazar:hover {box-shadow:0 12px 40px rgba(249, 115, 22, 0.2) !important;}.pazar-card {padding:1.5rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 247, 237, 0.5) 100%);}.pazar-list-horizontal {display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:0.5rem;}.pazar-list-horizontal::-webkit-scrollbar {display:none;}.pazar-item-mini {flex:0 0 160px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;overflow:hidden;transition:transform 0.2s;display:block;text-decoration:none;color:inherit;}.pazar-item-mini:hover {transform:translateY(-3px);box-shadow:var(--shadow-sm);}.pazar-item-mini img {width:100%;height:120px;object-fit:cover;background:#f8fafc;}.pazar-item-mini .p-info {padding:0.5rem;}.pazar-item-mini .p-title {font-size:0.75rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;}.pazar-item-mini .p-price {font-size:0.85rem;font-weight:900;color:#f97316;}.currency-card {padding:1.5rem;background:#ffffff;border-radius:var(--radius-lg);border:1px solid #e2e8f0;box-shadow:0 2px 12px rgba(0, 0, 0, 0.06);}.currency-card:hover {box-shadow:0 8px 24px rgba(0, 0, 0, 0.1);border-color:#cbd5e1;}.currency-header {display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;}.currency-icon {width:42px;height:42px;background:linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;box-shadow:0 4px 12px rgba(16, 185, 129, 0.3);}.currency-title {font-size:1.15rem;font-weight:700;color:var(--text-main);}.currency-subtitle {font-size:0.75rem;color:#94a3b8;margin-top:0.15rem;}.currency-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem;}.currency-item {display:flex;flex-direction:column;align-items:center;padding:0.75rem 0.5rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:10px;border:1px solid #e2e8f0;transition:all 0.2s ease;}.currency-item:hover {background:#ffffff;border-color:#10b981;box-shadow:0 4px 12px rgba(16, 185, 129, 0.15);transform:translateY(-2px);}.currency-item {transition:transform 0.3s ease, box-shadow 0.3s ease;}.currency-item:hover {transform:scale(1.07);box-shadow:var(--shadow-lg);}.featured-item {overflow:hidden;border-radius:var(--radius-md);transition:transform 0.4s ease, box-shadow 0.4s ease;position:relative;}.featured-item::after {content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);opacity:0;transition:opacity 0.3s ease;}.featured-item:hover {transform:scale(1.03) translateY(-4px);box-shadow:var(--shadow-glow);}.featured-item:hover::after {opacity:1;}.currency-flag {width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700;color:#475569;margin-bottom:0.4rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}.currency-code {font-size:0.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.5px;}.currency-value {font-size:1.1rem;font-weight:700;color:#0f172a;margin:0.3rem 0;}.currency-change {font-size:0.7rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;display:flex;align-items:center;gap:0.3rem;}.currency-change.up {background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);color:#15803d;}.currency-change.down {background:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);color:#b91c1c;}.currency-change.flat {background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);color:#475569;}.currency-loading {text-align:center;padding:2rem;color:#94a3b8;font-size:0.85rem;}.weather-card {position:relative;height:100%;min-height:240px;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:white;transition:all 0.3s ease;}.weather-card {transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:var(--shadow-sm);}.weather-card:hover {transform:translateY(-6px) scale(1.03);box-shadow:0 20px 40px rgba(0, 0, 0, 0.25);color:white;}.weather-icon-main {transition:transform 0.4s ease;}.weather-card:hover .weather-icon-main {transform:rotate(15deg) scale(1.1);}.weather-sunny {background:linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);}.weather-cloudy {background:linear-gradient(135deg, #2563eb 0%, #0284c7 50%, #38bdf8 100%);}.weather-rainy {background:linear-gradient(135deg, #3b82f6 0%, #60a5fa 50%, #3b82f6 100%);}.weather-snowy {background:linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #0ea5e9 100%);}.weather-stormy {background:linear-gradient(135deg, #334155 0%, #475569 50%, #1e293b 100%);}.weather-card::before {content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.3;}.weather-header {display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;}.weather-location {font-size:1.2rem;font-weight:700;}.weather-date {font-size:0.85rem;opacity:0.9;margin-top:0.25rem;}.weather-icon-main {font-size:4.5rem;filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));animation:float 3s ease-in-out infinite, glow-pulse 2s ease-in-out infinite;}@keyframes glow-pulse {0%,100% {filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));}50% {filter:drop-shadow(0 20px 40px rgba(255, 255, 255, 0.2));}}.weather-temp {font-size:4.5rem;font-weight:800;line-height:1;position:relative;z-index:1;}.weather-desc {font-size:1.1rem;font-weight:600;text-transform:capitalize;margin-bottom:1rem;opacity:0.95;}.weather-details {display:flex;gap:0.75rem;font-size:0.9rem;font-weight:500;opacity:0.9;position:relative;z-index:1;}.weather-details span {display:flex;align-items:center;gap:0.4rem;}.pharmacy-card {padding:1.75rem;height:100%;display:flex;flex-direction:column;}.pharmacy-header {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1.25rem;}.pharmacy-title-section {display:flex;align-items:center;gap:0.75rem;}.pharmacy-view-all {font-size:0.85rem;font-weight:600;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:0.3rem;padding:0.4rem 0.75rem;border-radius:8px;transition:all 0.2s ease;}.pharmacy-view-all:hover {background:rgba(255, 56, 92, 0.1);}.pharmacy-view-all i {font-size:0.7rem;}.pharmacy-icon {width:48px;height:48px;background:linear-gradient(135deg, #f87171 0%, #ef4444 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:0 4px 20px rgba(239, 68, 68, 0.4);animation:pulse-red 2s ease-in-out infinite;}@keyframes pulse-red {0%,100% {box-shadow:0 4px 20px rgba(239, 68, 68, 0.4);}50% {box-shadow:0 6px 30px rgba(239, 68, 68, 0.6);}}.pharmacy-title {font-size:1.15rem;font-weight:700;color:var(--text-main);}.pharmacy-list {display:flex;flex-direction:column;gap:0.75rem;flex-grow:1;}.pharmacy-item {background:#ffffff;border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all 0.3s ease;border:1px solid transparent;overflow:hidden;}.pharmacy-item:hover {border-color:rgba(239, 68, 68, 0.2);box-shadow:var(--shadow-md);transform:translateX(4px);}.pharmacy-info {flex:1;min-width:0;overflow:hidden;}.pharmacy-info strong {font-size:0.9rem;color:var(--text-main);display:block;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pharmacy-info span {font-size:0.8rem;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pharmacy-call {width:40px;height:40px;background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);color:#166534;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.pharmacy-call:hover {background:linear-gradient(135deg, #bbf7d0 0%, #86efac 100%);transform:scale(1.1);}.news-card {padding:1.5rem;overflow:hidden;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(254, 242, 242, 0.5) 100%);}.news-card {transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:var(--shadow-sm);}.news-card:hover {transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);background:linear-gradient(135deg, rgba(255,255,255,0.9), rgba(254,242,242,0.7));}.news-card .breaking-bar {transition:background 0.3s ease;}.news-card .breaking-bar:hover {background:linear-gradient(135deg, #ef4444, #b91c1c);}.news-card .breaking-bar {background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:white;font-size:0.82rem;font-weight:600;display:flex;align-items:center;overflow:hidden;height:38px;border-radius:10px;margin-bottom:1.25rem;box-shadow:0 4px 15px rgba(239, 68, 68, 0.2);}.news-card .breaking-label {background:#991b1b;padding:0 1rem 0 1rem;height:100%;display:flex;align-items:center;gap:0.4rem;flex-shrink:0;font-size:0.7rem;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;white-space:nowrap;position:relative;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);padding-right:1.1rem;}.news-card .breaking-ticker-wrap {flex:1;overflow:hidden;height:100%;display:flex;align-items:center;padding-left:0.5rem;-webkit-}.news-card .breaking-ticker {display:flex;gap:0.75rem;animation:ticker-scroll 30s linear infinite;white-space:nowrap;}.news-card .breaking-ticker:hover {animation-play-state:paused;}.news-card .breaking-ticker a {color:white;opacity:0.95;text-decoration:none;transition:opacity 0.2s;font-size:0.8rem;}.news-card .breaking-ticker a:hover {opacity:1;text-decoration:underline;}.news-card .breaking-ticker .sep {opacity:0.4;font-size:0.7rem;}@keyframes ticker-scroll {0% {transform:translateX(0);}100% {transform:translateX(-50%);}}.news-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:2px solid rgba(239, 68, 68, 0.1);}.news-title-section {display:flex;align-items:center;gap:0.75rem;}.news-icon {width:46px;height:46px;background:linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.3rem;box-shadow:0 8px 20px rgba(239, 68, 68, 0.25);animation:pulse-fire 2s ease-in-out infinite;}@keyframes pulse-fire {0%,100% {transform:scale(1);box-shadow:0 8px 20px rgba(239, 68, 68, 0.25);}50% {transform:scale(1.05);box-shadow:0 12px 30px rgba(239, 68, 68, 0.4);}}.news-title {font-size:1.4rem;font-weight:800;color:var(--text-main);position:relative;}.news-title::after {content:'';position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg, #ef4444, #f87171);border-radius:2px;}.news-badge-live {display:inline-flex;align-items:center;gap:0.3rem;background:#fef2f2;color:#ef4444;font-size:0.7rem;font-weight:700;padding:0.25rem 0.6rem;border-radius:20px;margin-left:0.5rem;border:1px solid #fecaca;}.news-badge-live::before {content:'';width:6px;height:6px;background:#ef4444;border-radius:50%;animation:live-dot 1.5s ease-in-out infinite;}@keyframes live-dot {0%,100% {opacity:1;}50% {opacity:0.3;}}.news-view-all {font-size:0.85rem;font-weight:700;color:white;text-decoration:none;display:flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;border-radius:50px;background:linear-gradient(135deg, #ef4444 0%, #f87171 100%);box-shadow:0 4px 15px rgba(239, 68, 68, 0.3);transition:all 0.3s ease;}.news-view-all:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(239, 68, 68, 0.4);}.news-view-all i {font-size:0.75rem;transition:transform 0.3s ease;}.news-view-all:hover i {transform:translateX(3px);}.news-mini-layout {display:grid;grid-template-columns:1.3fr 1fr;gap:1.25rem;}.news-featured {position:relative;overflow:hidden;border-radius:16px;height:400px;}.slides-container {display:flex;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);height:400px;}.featured-item {display:block;position:relative;flex:0 0 100%;height:400px;text-decoration:none;}.featured-image-wrap {position:relative;width:100%;height:100%;}.featured-image {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.featured-item:hover .featured-image {transform:scale(1.05);}.featured-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(0, 0, 0, 0.9) 0%,rgba(0, 0, 0, 0.5) 40%,rgba(0, 0, 0, 0.1) 100%);}.featured-badge {position:absolute;top:16px;left:16px;background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:white;font-size:0.7rem;font-weight:800;padding:0.4rem 0.8rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(239, 68, 68, 0.4);animation:pulse-badge 2s ease-in-out infinite;}@keyframes pulse-badge {0%,100% {box-shadow:0 4px 15px rgba(239, 68, 68, 0.4);}50% {box-shadow:0 6px 25px rgba(239, 68, 68, 0.6);}}.featured-content {position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:white;}.featured-category {display:inline-block;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#fca5a5;margin-bottom:0.5rem;}.featured-title {font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 0.5rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.featured-meta {font-size:0.8rem;color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;gap:0.4rem;}.news-side-list {display:flex;flex-direction:column;gap:0.75rem;}.side-item {display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:white;border-radius:12px;border:1px solid #f1f5f9;text-decoration:none;transition:all 0.2s ease;}.side-item:hover {border-color:var(--primary);box-shadow:0 4px 15px rgba(0, 0, 0, 0.08);transform:translateX(4px);}.side-number {width:28px;height:28px;background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;color:#64748b;flex-shrink:0;}.side-item:hover .side-number {background:linear-gradient(135deg, #ef4444 0%, #f87171 100%);color:white;}.side-content {flex:1;min-width:0;}.side-category {font-size:0.65rem;font-weight:700;text-transform:uppercase;color:#ef4444;margin-bottom:0.25rem;letter-spacing:0.3px;}.side-title {font-size:0.85rem;font-weight:600;color:var(--text-main);line-height:1.35;margin:0 0 0.3rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.side-time {font-size:0.7rem;color:#94a3b8;}.side-thumb {width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;}.side-thumb img {width:100%;height:100%;object-fit:cover;}.slide-dots {position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}.slide-dot {width:8px;height:8px;border-radius:50%;border:none;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:all 0.3s ease;padding:0;}.slide-dot.active {background:white;width:24px;border-radius:4px;}.slide-dot:hover {background:rgba(255, 255, 255, 0.7);}.side-item {cursor:pointer;}.side-item.active {border-color:var(--primary);background:linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);box-shadow:0 4px 15px rgba(239, 68, 68, 0.1);}.side-item.active .side-number {background:linear-gradient(135deg, #ef4444 0%, #f87171 100%);color:white;}.news-carousel {display:flex;gap:1.25rem;overflow-x:auto;padding:0.5rem 0.25rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:none;}.news-carousel::-webkit-scrollbar {display:none;}.bento-news .news-item {min-width:300px;width:300px;background:#ffffff;border-radius:20px;overflow:hidden;scroll-snap-align:start;box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-decoration:none;position:relative;display:flex;flex-direction:column;}.news-item:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);}.bento-news .news-badge {position:absolute;top:20px;left:20px;background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:white;padding:0.4rem 0.8rem;border-radius:9999px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;z-index:10;}.bento-news .news-image-wrapper {position:relative;overflow:hidden;border-radius:16px !important;margin:12px 12px 0 12px !important;flex-shrink:0;}.bento-news .news-image {width:100%;height:160px;object-fit:cover;transition:transform 0.5s ease;border-radius:16px !important;display:block;}.bento-news .news-image-overlay {position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 60%);opacity:0;transition:opacity 0.3s ease;border-radius:16px !important;pointer-events:none;}.bento-news .news-item:hover .news-image {transform:scale(1.08);}.bento-news .news-item:hover .news-image-overlay {opacity:1;}.bento-news .news-content {padding:16px 18px 18px 18px !important;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;}.bento-news .news-category {display:block;font-size:0.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;margin-top:0;}.bento-news .news-item-title {font-size:0.95rem;font-weight:700;color:var(--text-main);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px 0;}.bento-news .news-meta {display:flex;justify-content:flex-start;align-items:center;font-size:0.75rem;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9;}.bento-news .news-date {color:var(--text-muted);display:flex;align-items:center;gap:0.4rem;}.obituary-card {padding:1.5rem;}.obituary-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}.obituary-title-section {display:flex;align-items:center;gap:0.75rem;}.obituary-icon {width:36px;height:36px;background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1rem;}.obituary-title {font-size:1.1rem;font-weight:700;color:var(--text-main);}.widget-view-all {font-size:0.8rem;font-weight:600;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:0.3rem;padding:0.3rem 0.6rem;border-radius:var(--radius-sm);transition:all 0.2s ease;}.widget-view-all:hover {background:rgba(255, 56, 92, 0.08);}.widget-view-all i {font-size:0.7rem;}.obituary-list-horizontal {display:flex;flex-direction:column;gap:0.5rem;}.obituary-item-horizontal {display:flex;align-items:center;justify-content:space-between;background:#ffffff;padding:0.9rem 1rem;border-radius:var(--radius-md);border:1px solid #f1f5f9;transition:all 0.2s ease;text-decoration:none;color:inherit;}.obituary-item-horizontal:hover {border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateX(3px);}.obituary-info-horizontal {flex:1;min-width:0;}.obituary-name-horizontal {font-weight:700;font-size:0.95rem;color:var(--text-main);margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:0.5rem;}.obituary-date-small {font-size:0.7rem;color:#94a3b8;font-weight:500;background:#f8fafc;padding:0.15rem 0.4rem;border-radius:4px;}.obituary-meta-horizontal {font-size:0.8rem;color:var(--text-muted);display:flex;align-items:center;gap:0.3rem;}.obituary-meta-horizontal i {color:var(--primary);font-size:0.75rem;}.obituary-arrow {color:#cbd5e1;font-size:0.85rem;padding-left:0.5rem;}.obituary-item-horizontal:hover .obituary-arrow {color:var(--primary);}.obituary-location {font-size:0.85rem;color:var(--text-muted);display:flex;align-items:center;gap:0.4rem;}.obituary-location i {color:var(--primary);}.obituary-empty {padding:1.5rem;text-align:center;color:#111;border-radius:var(--radius-md);background:rgba(255, 255, 255, 0.2);}.places-card {padding:1.75rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 242, 242, 0.6) 100%);}.places-header {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1.25rem;}.places-header .places-title-section {display:flex;align-items:center;gap:0.75rem;}.places-icon {width:40px;height:40px;background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#f59e0b;font-size:1.2rem;}.places-title {font-size:1.2rem;font-weight:700;color:var(--text-main);}.places-list {display:flex;flex-direction:column;gap:0.75rem;}.place-item {display:flex;align-items:center;justify-content:space-between;background:#ffffff;padding:1rem 1.25rem;border-radius:var(--radius-md);border:2px solid transparent;transition:all 0.3s ease;text-decoration:none;color:inherit;}.place-item:hover {border-color:rgba(245, 158, 11, 0.3);box-shadow:var(--shadow-md);transform:translateX(6px);}.place-info {display:flex;align-items:center;gap:1rem;}.place-icon-box {width:48px;height:48px;border-radius:var(--radius-sm);background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);font-size:1.3rem;}.place-icon-lokanta {color:#f59e0b;}.place-icon-kafe {color:#0284c7;}.place-icon-default {color:var(--primary);}.place-details {flex:1;}.place-name {font-weight:700;font-size:0.95rem;color:var(--text-main);margin-bottom:0.15rem;}.place-category {font-size:0.8rem;color:var(--text-muted);}.place-arrow {color:#cbd5e1;font-size:0.9rem;transition:all 0.3s ease;}.place-item:hover .place-arrow {color:var(--primary);transform:translateX(4px);}.loading-pulse {animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}@keyframes pulse {0%,100% {opacity:1;}50% {opacity:0.5;}}@media (max-width:1024px) {.bento-weather {grid-column:span 6;}.bento-currency {grid-column:span 6;}.bento-pharmacy {grid-column:span 12;}}@media (max-width:768px) {.sa-container {padding:5rem 0.75rem 5rem 0.75rem; gap:1.25rem;}.hero-section {padding:1.5rem 1rem 0.75rem 1rem;}.hero-greeting {font-size:1.4rem;}.hero-greeting .emoji {font-size:1.2rem;}.hero-subtitle {font-size:0.9rem;margin-bottom:0;}.hero-search-wrapper {display:none;}.hero-search {flex-direction:row;padding:0.4rem;gap:0.25rem;}.hero-search-icon {padding:0 0.6rem;font-size:1rem;}.hero-search input {font-size:0.95rem;padding:0.6rem 0;min-width:0;text-align:left;}.hero-search button {padding:0.7rem 1rem;font-size:0.85rem;white-space:nowrap;flex-shrink:0;}.hero-search button .btn-text {display:none;}.bento-grid {grid-template-columns:1fr;gap:1rem;}.bento-item {grid-column:span 1 !important;}.weather-card {min-height:200px;padding:1.5rem;}.weather-temp {font-size:3.5rem;}.weather-icon-main {font-size:3rem;}.news-card {padding:1.25rem;}.news-header {margin-bottom:1rem;padding-bottom:0.5rem;}.news-icon {width:36px;height:36px;font-size:1.1rem;}.news-title {font-size:1.2rem;}.news-title::after {width:30px;height:2px;}.news-badge-live {font-size:0.6rem;padding:0.2rem 0.5rem;margin-left:0.3rem;}.news-view-all {font-size:0.75rem;padding:0.4rem 0.75rem;}.bento-news .news-item {min-width:260px;width:260px;border-radius:14px;}.bento-news .news-image-wrapper {border-radius:10px !important;margin:8px 8px 0 8px !important;}.bento-news .news-image {height:140px;border-radius:10px !important;}.bento-news .news-image-overlay {border-radius:10px !important;}.bento-news .news-badge {top:14px;left:14px;padding:0.3rem 0.6rem;font-size:0.6rem;}.bento-news .news-content {padding:10px 12px 12px 12px !important;}.bento-news .news-item-title {font-size:0.85rem;-webkit-line-clamp:2;margin-bottom:4px;}.bento-news .news-category {font-size:0.6rem;margin-bottom:2px;}.bento-news .news-meta {font-size:0.7rem;padding-top:6px;}.news-card .breaking-bar {height:34px;font-size:0.75rem;border-radius:8px;margin-bottom:1rem;}.news-card .breaking-label {font-size:0.6rem;padding:0 0.7rem 0 0.7rem;padding-right:0.9rem;gap:0.3rem;}.news-card .breaking-label i {font-size:0.7rem;}.news-card .breaking-ticker a {font-size:0.75rem;}.news-card .breaking-ticker {gap:0.75rem;animation:ticker-scroll 35s linear infinite;}.news-mini-layout {grid-template-columns:1fr;gap:0.75rem;}.news-featured {border-radius:12px;height:300px;}.featured-item {height:300px;}.featured-image-wrap {height:100%;}.featured-content {padding:1rem;}.featured-title {font-size:1rem;-webkit-line-clamp:2;}.news-side-list {gap:0.5rem;}.side-item {padding:0.6rem;gap:0.6rem;}.side-number {width:24px;height:24px;font-size:0.7rem;}.side-title {font-size:0.8rem;}.side-thumb {width:50px;height:50px;}.news-side-list {display:flex;flex-direction:row;overflow-x:auto;gap:0.5rem;padding:0.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.news-side-list::-webkit-scrollbar {display:none;}.side-item {flex:0 0 auto;width:220px;padding:0.5rem;}.currency-grid {grid-template-columns:repeat(2, 1fr);gap:0.6rem;}.currency-item {padding:0.7rem 0.4rem;border-radius:10px;}.currency-flag {width:30px;height:30px;font-size:0.8rem;margin-bottom:0.35rem;}.currency-code {font-size:0.7rem;font-weight:700;}.currency-value {font-size:1rem;font-weight:700;margin:0.25rem 0;}.currency-change {font-size:0.65rem;padding:0.2rem 0.4rem;border-radius:5px;}.currency-header {margin-bottom:1.25rem;}.currency-title {font-size:1.1rem;}.pharmacy-card,.news-card,.obituary-card,.places-card {padding:1.25rem;}footer {display:none !important;}.hero-section {padding:1rem 1rem !important;text-align:center;}.hero-greeting {margin-bottom:0.25rem !important;font-size:1.7rem !important;justify-content:center;}.hero-subtitle {margin-bottom:0.5rem !important;font-size:0.95rem !important;}.hero-search-wrapper {margin:0.5rem auto 0 auto !important;max-width:100%;}}@media (max-width:480px) {.quick-actions {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0.05rem;padding:0.25rem 0.5rem;margin:0 -0.5rem 0 -0.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;-webkit-justify-content:flex-start;animation:scroll-hint 5s ease-in-out infinite;}@keyframes scroll-hint {0%, 80%, 100% { transform:translateX(0); }85% { transform:translateX(-15px); }90% { transform:translateX(5px); }95% { transform:translateX(-3px); }}.quick-actions::-webkit-scrollbar {display:none;}.action-item {flex:0 0 54px;scroll-snap-align:center;padding:0;background:transparent !important;position:relative;}.action-item::after {content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:30px;height:4px;filter:brightness(0.95);filter:blur(4px);border-radius:50%;}.action-item:active {transform:scale(0.92);}.action-icon {width:40px;height:40px;font-size:0.95rem;margin-bottom:0.35rem;border:1px solid rgba(255, 255, 255, 0.35);backdrop-filter:blur(15px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);}.action-label {font-size:0.55rem;letter-spacing:-0.1px;color:#475569;font-weight:600;}.hero-search {padding:0.35rem;}.hero-search-icon {display:none;}.hero-search input {font-size:0.9rem;padding:0.5rem;}.hero-search input::placeholder {font-size:0.85rem;}.hero-search button {padding:0.6rem 0.8rem;}.bento-news .news-item {min-width:260px;width:260px;border-radius:14px;}.bento-news .news-image-wrapper {border-radius:10px !important;margin:8px 8px 0 8px !important;}.bento-news .news-image {height:140px;border-radius:10px !important;}.bento-news .news-image-overlay {border-radius:10px !important;}.bento-news .news-badge {top:14px;left:14px;padding:0.3rem 0.6rem;font-size:0.6rem;}.bento-news .news-content {padding:10px 12px 12px 12px !important;}.bento-news .news-item-title {font-size:0.85rem;}.pharmacy-card,.news-card,.obituary-card,.places-card {padding:1rem;}.currency-grid {grid-template-columns:repeat(2, 1fr);gap:0.4rem;}.currency-item {padding:0.5rem 0.3rem;}.currency-flag {width:28px;height:28px;font-size:0.9rem;}.currency-code {font-size:0.6rem;}.currency-value {font-size:0.75rem;}}.ios-page-bg {background-color:#f2f2f7 !important;}.ios-list-section {margin-bottom:24px;padding:0 16px;}.ios-section-title {font-size:18px;font-weight:800;color:#1c1c1e;margin:0 0 4px 4px;}.ios-section-subtitle {font-size:13px;color:#8e8e93;margin:0 0 12px 4px;}.ios-list-group {background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.02);}.ios-list-item {display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#1c1c1e;position:relative;background:#ffffff;transition:background 0.2s;}.ios-list-item:active {background:#f2f2f7;}.ios-list-item:not(:last-child)::after {content:'';position:absolute;bottom:0;left:64px; right:0;height:1px;background-color:#f1f5f9;}.ios-icon-box {width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:14px;flex-shrink:0;}.bg-pastel-yellow { background:#fff8e1; color:#ffb300; }.bg-pastel-red { background:#ffebee; color:#ef5350; }.bg-pastel-brown { background:#efebe9; color:#8d6e63; }.bg-pastel-green { background:#e8f5e9; color:#66bb6a; }.bg-pastel-blue { background:#f0f9ff; color:#0284c7; }.bg-pastel-orange { background:#fff3e0; color:#ffa726; }.bg-pastel-purple { background:#f0f9ff; color:#0284c7; }.bg-pastel-cyan { background:#e0f7fa; color:#26c6da; }.bg-pastel-teal { background:#e0f2f1; color:#26a69a; }.bg-pastel-pink { background:#fce4ec; color:#ec407a; }.ios-item-content {flex:1;min-width:0;}.ios-item-title {font-size:15px;font-weight:700;margin:0 0 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c1c1e;}.ios-item-subtitle {font-size:12px;color:#8e8e93;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ios-item-arrow {color:#c7c7cc;font-size:14px;margin-left:10px;}.story-viewer-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh; height:100dvh; background:#000000;z-index:999999 !important;display:flex;justify-content:center;align-items:center;}.story-viewer-overlay.d-none {display:none !important;}.story-viewer-container {position:relative;width:100%;max-width:450px;height:100%;background:#111;overflow:hidden;display:flex;flex-direction:column;}.story-progress-container {position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:10;}.story-progress-bar-wrap {flex:1;height:3px;background:rgba(255, 255, 255, 0.3);border-radius:2px;overflow:hidden;}.story-progress-bar-fill {height:100%;width:0%;background:#ffffff;border-radius:2px;}.story-header {position:absolute;top:20px;left:15px;right:15px;z-index:20;display:flex;justify-content:space-between;align-items:center;}.story-close-btn, .story-share-btn {background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);color:#fff;font-size:1.1rem;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 4px 10px rgba(0,0,0,0.2);}.story-close-btn:hover, .story-share-btn:hover {background:rgba(255, 255, 255, 0.2);transform:scale(1.1);}.story-content-area {position:relative;width:100%;height:100%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:1;font-family:'Inter', 'Segoe UI', sans-serif;}.poster-bg-blur {position:absolute;top:-20%; left:-20%; width:140%; height:140%;background-size:cover;background-position:center;filter:blur(40px) brightness(0.9) saturate(1.8);z-index:1;}.poster-card {position:relative;width:90%;max-width:420px;height:80%;background:#ffffff;border-radius:20px;padding:12px;display:flex;flex-direction:column;z-index:5;box-shadow:0 30px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.4) inset,0 0 30px rgba(255,255,255,0.15);transform:translateY(-2%);}.poster-gloss {position:absolute;top:0; left:0; right:0; bottom:0;background:linear-gradient(135deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);border-radius:20px;pointer-events:none;z-index:10;}.poster-image-area {width:100%;height:45%;flex:0 0 45%;background:#111;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px rgba(0,0,0,0.1);}.poster-inner-blur {position:absolute;top:-10%; left:-10%; width:120%; height:120%;background-size:cover;background-position:center;filter:blur(20px) brightness(0.6);z-index:1;}.poster-img {width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.4));}.poster-info-area {flex:1;padding:20px 10px;display:flex;flex-direction:column;background:#ffffff;border-radius:0 0 12px 12px;}.poster-badge-wrap {margin-bottom:15px;}.poster-badge {display:inline-block;padding:6px 16px;background:#ff416c;color:#fff;font-size:0.8rem;font-weight:800;text-transform:uppercase;border-radius:30px;letter-spacing:1px;box-shadow:0 4px 15px rgba(255, 65, 108, 0.4);}.poster-title {color:#111111;font-size:1.5rem;font-weight:900;line-height:1.25;margin:0 0 12px 0;letter-spacing:-0.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.poster-desc {color:#444444;font-size:0.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;}.story-swipe-up {position:absolute;bottom:25px;width:100%;text-align:center;z-index:10;}.story-swipe-up a {color:#ffffff;text-decoration:none;font-size:0.8rem;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;display:inline-block;animation:bounce-soft 1.5s infinite;text-shadow:0 2px 10px rgba(0,0,0,0.8);}.poster-custom-icon {position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);font-size:9rem;color:#fff;z-index:5;text-shadow:0 10px 30px rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;}.poster-weather-box {position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;z-index:5;text-shadow:0 5px 20px rgba(0,0,0,0.5);}.poster-weather-box i, .poster-weather-box img { font-size:8rem; margin-bottom:10px; max-height:120px; }.poster-weather-box span { display:block; font-size:5rem; font-weight:900; line-height:1; }.poster-price-badge {position:absolute;top:15px; right:15px;background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:800;font-size:1.2rem;z-index:10;box-shadow:0 5px 15px rgba(16, 185, 129, 0.4);}.poster-phone {color:#10b981;font-size:1.1rem;font-weight:800;margin:10px 0 0 0;display:flex;align-items:center;gap:8px;}.story-swipe-up a {color:#fff;text-decoration:none;font-size:0.8rem;text-transform:uppercase;font-weight:700;display:inline-block;animation:bounce-soft 1.5s infinite;text-shadow:0 1px 3px rgba(0,0,0,0.8);}.story-swipe-up i {font-size:1.2rem;margin-bottom:5px;}.story-nav-zone {position:absolute;top:0;height:80%; z-index:5;}.story-nav-left {left:0;width:30%;}.story-nav-right {right:0;width:70%;}/* --- V5.5.0 AKICILIK GÜNCELLEMELERİ --- */
.bento-item {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.25s ease-out, transform 0.25s ease-out, box-shadow 0.3s ease, background 0.3s ease;
        animation: none !important; /* Önceki animasyonu iptal et */
}
.bento-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.bento-item:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
}


.quick-actions {
    position: sticky;
    top: 64px;
    z-index: 40;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 30px -6px rgba(15, 23, 42, 0.07), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
}
.quick-actions:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.12) !important;
}

@media (max-width: 768px) {
    .quick-actions {
        top: 60px;
        background: rgba(255, 255, 255, 0.94) !important;
    }
}
@media (max-width: 480px) {
    .quick-actions {
        top: 52px;
        background: rgba(255, 255, 255, 0.94) !important;
        margin-top: 0;
    }
}


/* ==========================================================================
   🌟 V5.6.0 PREMIERE BENTO CARDS MODERNIZATION (iOS 18 / SUPERAPP STYLING)
   ========================================================================== */

/* 1. GLOBAL BENTO CARD SHELL */
.bento-item.glass-panel, 
.bento-grid > div {
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 30px -6px rgba(15, 23, 42, 0.07), 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
}

/* Glass Gloss Reflection Header Line */
.bento-item.glass-panel::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 2. NÖBETÇİ ECZANELER KARTI (.bento-pharmacy) */
.bento-pharmacy {
    border-top: 3.5px solid #ef4444 !important;
}
.bento-pharmacy:hover {
    box-shadow: 0 16px 36px -4px rgba(239, 68, 68, 0.22) !important;
    transform: translateY(-4px) !important;
}
.pharmacy-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 1.25rem !important;
    box-shadow: 0 6px 18px rgba(239, 68, 68, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    position: relative !important;
}
.pharmacy-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}
.pharmacy-view-all, .widget-view-all {
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    color: #ef4444 !important;
    background: #fef2f2 !important;
    padding: 0.35rem 0.85rem !important;
    border-radius: 100px !important;
    border: 1px solid #fecaca !important;
    transition: all 0.25s ease !important;
}
.pharmacy-view-all:hover, .widget-view-all:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}
.pharmacy-item {
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.85rem 1rem !important;
    transition: all 0.25s ease !important;
}
.pharmacy-item:hover {
    background: #ffffff !important;
    border-color: #fca5a5 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 6px 18px rgba(239, 68, 68, 0.1) !important;
}
.pharmacy-info strong {
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}
.pharmacy-call {
    width: 38px !important;
    height: 38px !important;
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    transition: transform 0.25s ease !important;
}
.pharmacy-call:hover {
    transform: scale(1.15) !important;
}

/* 3. GÜNCEL KURLAR KARTI (.bento-currency) */
.bento-currency {
    border-top: 3.5px solid #10b981 !important;
}
.bento-currency:hover {
    box-shadow: 0 16px 36px -4px rgba(16, 185, 129, 0.22) !important;
    transform: translateY(-4px) !important;
}
.currency-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 1.25rem !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.currency-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}
.currency-item {
    border-radius: 14px !important;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1.5px solid #e2e8f0 !important;
    padding: 0.75rem 0.5rem !important;
    transition: all 0.25s ease !important;
}
.currency-item:hover {
    background: #ffffff !important;
    border-color: #10b981 !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.15) !important;
}
.currency-code {
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    color: #475569 !important;
    letter-spacing: 0.5px !important;
}
.currency-value {
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}
.currency-change.up {
    background: #dcfce7 !important;
    color: #15803d !important;
    font-weight: 800 !important;
    border-radius: 100px !important;
    padding: 0.2rem 0.55rem !important;
}
.currency-change.down {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    font-weight: 800 !important;
    border-radius: 100px !important;
    padding: 0.2rem 0.55rem !important;
}

/* 4. VEFATLAR KARTI (.bento-obituary) */
.bento-obituary {
    border-top: 3.5px solid #64748b !important;
}
.bento-obituary:hover {
    box-shadow: 0 16px 36px -4px rgba(100, 116, 139, 0.22) !important;
    transform: translateY(-4px) !important;
}
.obituary-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #64748b 0%, #334155 100%) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    box-shadow: 0 6px 18px rgba(71, 85, 105, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.obituary-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}
.obituary-item-horizontal {
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.85rem 1rem !important;
    transition: all 0.25s ease !important;
}
.obituary-item-horizontal:hover {
    background: #ffffff !important;
    border-color: #94a3b8 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 6px 18px rgba(71, 85, 105, 0.12) !important;
}
.obituary-name-horizontal {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* 5. POPÜLER MEKANLAR KARTI (.bento-places) */
.bento-places {
    border-top: 3.5px solid #f59e0b !important;
}
.bento-places:hover {
    box-shadow: 0 16px 36px -4px rgba(245, 158, 11, 0.22) !important;
    transform: translateY(-4px) !important;
}
.places-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 1.25rem !important;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.places-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}
.place-item {
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.85rem 1rem !important;
    transition: all 0.25s ease !important;
}
.place-item:hover {
    background: #ffffff !important;
    border-color: #fcd34d !important;
    transform: translateX(4px) !important;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.12) !important;
}
.place-name {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* 6. PAZAR KARTI (.bento-pazar) */
.bento-pazar {
    border-top: 3.5px solid #f97316 !important;
}
.bento-pazar:hover {
    box-shadow: 0 16px 36px -4px rgba(249, 115, 22, 0.22) !important;
    transform: translateY(-4px) !important;
}
.pazar-item-mini {
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
}
.pazar-item-mini:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.15) !important;
    border-color: #fdba74 !important;
}

/* 7. HABERLER KARTI (.bento-news) */
.bento-news {
    border-top: 3.5px solid #3b82f6 !important;
}
.bento-news:hover {
    box-shadow: 0 16px 36px -4px rgba(59, 130, 246, 0.22) !important;
    transform: translateY(-4px) !important;
}


/* ==========================================================================
   INSTAGRAM & TABBED NEWS SHOWCASE SYSTEM
   ========================================================================== */
.bento-news {
    border-top: 3.5px solid #ef4444 !important;
}
.bento-news:hover {
    box-shadow: 0 16px 36px -4px rgba(239, 68, 68, 0.22) !important;
    transform: translateY(-4px) !important;
}

.news-tabbed-showcase {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* TABS BAR */
.news-tabs-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.25rem;
    width: 100%;
}

.news-tabs-group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    scrollbar-width: none;
}
.news-tabs-group::-webkit-scrollbar {
    display: none;
}

.news-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.95rem;
    border-radius: 100px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.news-tab-btn:hover {
    border-color: #fecaca;
    color: #ef4444;
    background: #fff5f5;
    transform: translateY(-1px);
}

.news-tab-btn.active {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.35);
}

/* DESKTOP SLIDER ARROW BUTTONS */
.news-slider-arrows {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.news-arrow-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.82rem;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.news-arrow-btn:hover {
    background: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35);
}

.news-arrow-btn:active {
    transform: scale(0.95);
}

/* CARDS GRID - Horizontal Slider for Desktop & Mobile */
.news-cards-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 1rem;
    padding: 0.35rem 0.25rem 0.75rem 0.25rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(203, 213, 225, 0.8) rgba(241, 245, 249, 0.6);
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overscroll-behavior-x: contain;
}

.news-cards-grid::-webkit-scrollbar {
    height: 6px;
}
.news-cards-grid::-webkit-scrollbar-track {
    background: rgba(241, 245, 249, 0.8);
    border-radius: 10px;
}
.news-cards-grid::-webkit-scrollbar-thumb {
    background: rgba(203, 213, 225, 0.8);
    border-radius: 10px;
}
.news-cards-grid::-webkit-scrollbar-thumb:hover {
    background: #ef4444;
}

.insta-news-card {
    flex: 0 0 calc(25% - 0.75rem);
    min-width: 260px;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #f1f5f9;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.insta-news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(239, 68, 68, 0.15);
    border-color: #fecaca;
}

.insta-card-img-wrap {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #f1f5f9;
}

.insta-card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.insta-news-card:hover .insta-card-img-wrap img {
    transform: scale(1.08);
}

.insta-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.7) 0%, transparent 60%);
}

.insta-card-cat {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(239, 68, 68, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.25rem 0.6rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.insta-card-counter {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
    border-radius: 100px;
    letter-spacing: 0.5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.insta-card-time {
    position: absolute;
    bottom: 10px;
    right: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.insta-card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.insta-card-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    margin: 0 0 0.75rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.insta-card-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid #f8fafc;
}

.insta-read-btn {
    font-size: 0.75rem;
    font-weight: 700;
    color: #ef4444;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: gap 0.2s ease;
}

.insta-news-card:hover .insta-read-btn {
    gap: 0.5rem;
}

/* RESPONSIVE DESIGN - MOBILE OPTIMIZATIONS */
@media (max-width: 768px) {
    .news-tabs-bar {
        display: flex;
        gap: 0.35rem;
        width: 100%;
        overflow: hidden;
        justify-content: space-between;
        padding-bottom: 0;
    }
    .news-tab-btn {
        flex: 1;
        text-align: center;
        justify-content: center;
        padding: 0.5rem 0.25rem;
        font-size: 0.78rem;
    }
    .news-slider-arrows {
        display: none;
    }
    .news-cards-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 0;
        padding: 0.25rem 0 0.6rem 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        overscroll-behavior-x: contain;
    }
    .news-cards-grid::-webkit-scrollbar {
        display: none;
    }
    .insta-news-card {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        scroll-snap-align: center;
        scroll-snap-stop: always !important;
        border-radius: 16px;
        box-sizing: border-box;
    }
    .insta-card-img-wrap {
        height: 180px;
    }
    .insta-card-title {
        font-size: 0.9rem;
    }
}

/* ==========================================================================
   3D GLASSMORPHIC STYLES FOR OBITUARY & PLACES WIDGETS
   ========================================================================== */

/* 1. OBITUARY (TAZİYELER & VEFATLAR) WIDGET */
.obituary-card {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.85) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 3.5px solid #64748b;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(100, 116, 139, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.obituary-card:hover {
    box-shadow: 0 16px 40px rgba(100, 116, 139, 0.16) !important;
    transform: translateY(-4px);
}

.obituary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(100, 116, 139, 0.12);
}

.obituary-title-section {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.obituary-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #475569 0%, #64748b 50%, #94a3b8 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
    box-shadow: 0 6px 18px rgba(100, 116, 139, 0.3);
    animation: pulse-slate 2.5s ease-in-out infinite;
}

@keyframes pulse-slate {
    0%, 100% { transform: scale(1); box-shadow: 0 6px 18px rgba(100, 116, 139, 0.3); }
    50% { transform: scale(1.05); box-shadow: 0 10px 25px rgba(100, 116, 139, 0.45); }
}

.obituary-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
}

.widget-view-all {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: all 0.25s ease;
}

.widget-view-all:hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(71, 85, 105, 0.3);
}

.widget-view-all i {
    font-size: 0.7rem;
    transition: transform 0.25s ease;
}

.widget-view-all:hover i {
    transform: translateX(3px);
}

.obituary-list-horizontal {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.obituary-item-horizontal {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: #ffffff;
    padding: 0.85rem 1.1rem;
    border-radius: 16px;
    border: 1px solid #f1f5f9;
    border-left: 4px solid #64748b;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}

.obituary-item-horizontal:hover {
    border-color: #cbd5e1;
    border-left-color: #334155;
    box-shadow: 0 8px 25px rgba(71, 85, 105, 0.12);
    transform: translateX(5px);
    background: #f8fafc;
}

.obituary-item-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-size: 0.95rem;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.obituary-info-horizontal {
    flex: 1;
    min-width: 0;
}

.obituary-name-horizontal {
    font-weight: 800;
    font-size: 0.95rem;
    color: #0f172a;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.obituary-person-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.obituary-date-small {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 700;
    background: #f1f5f9;
    padding: 0.2rem 0.55rem;
    border-radius: 100px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.obituary-meta-horizontal {
    font-size: 0.8rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 500;
}

.obituary-meta-horizontal i {
    color: #ef4444;
    font-size: 0.8rem;
}

.obituary-arrow {
    color: #cbd5e1;
    font-size: 0.85rem;
    transition: all 0.25s ease;
}

.obituary-item-horizontal:hover .obituary-arrow {
    color: #475569;
    transform: translateX(3px);
}

.obituary-empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    background: #ffffff;
    border-radius: 16px;
    border: 1px dashed #cbd5e1;
}


/* 2. PLACES (ÖNE ÇIKAN FİRMALAR & REHBER) WIDGET */
.places-card {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(239, 246, 255, 0.85) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 3.5px solid #3b82f6;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.places-card:hover {
    box-shadow: 0 16px 40px rgba(59, 130, 246, 0.16) !important;
    transform: translateY(-4px);
}

.places-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(59, 130, 246, 0.12);
}

.places-title-section {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.places-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3);
    animation: pulse-blue 2.5s ease-in-out infinite;
}

@keyframes pulse-blue {
    0%, 100% { transform: scale(1); box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3); }
    50% { transform: scale(1.05); box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45); }
}

.places-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.places-badge-live {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    color: #2563eb;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
    border-radius: 100px;
    border: 1px solid rgba(37, 99, 235, 0.25);
    letter-spacing: 0.4px;
}

.places-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.place-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 0.85rem 1.1rem;
    border-radius: 16px;
    border: 1px solid #f1f5f9;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}

.place-item:hover {
    border-color: #bfdbfe;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.12);
    transform: translateX(5px);
    background: #f8fafc;
}

.place-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.place-icon-box.cat-lokanta {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.place-icon-box.cat-kafe {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}

.place-icon-box.cat-default {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.place-details {
    flex: 1;
    min-width: 0;
    margin-left: 0.85rem;
}

.place-name {
    font-weight: 800;
    font-size: 0.95rem;
    color: #0f172a;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.place-category-badge {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.place-category-badge.cat-lokanta {
    background: #fef3c7;
    color: #b45309;
}

.place-category-badge.cat-kafe {
    background: #e0f2fe;
    color: #0369a1;
}

.place-category-badge.cat-default {
    background: #dbeafe;
    color: #1e40af;
}

.place-arrow-wrap {
    color: #cbd5e1;
    font-size: 0.85rem;
    transition: all 0.25s ease;
}

.place-item:hover .place-arrow-wrap {
    color: #2563eb;
    transform: translateX(3px);
}

.places-empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    background: #ffffff;
    border-radius: 16px;
    border: 1px dashed #cbd5e1;
}



/* --- MODERN SINGLE-ROW QUICK ACTIONS --- */
.quick-actions-carousel-wrap {
    position: relative !important;
    width: 100% !important;
    margin: 0.35rem 0 0.75rem 0 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    padding: 0.35rem 0.25rem !important;
    overflow: hidden !important;
}

/* Arkaplanda gözüken tüm leke/overlay/gradient katmanlarını ve pseudo-element'leri tamamen temizle */
.quick-actions-carousel-wrap::before,
.quick-actions-carousel-wrap::after,
.quick-actions::before,
.quick-actions::after,
.action-item::before,
.action-item::after,
.action-icon::before,
.action-icon::after,
.action-label::before,
.action-label::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.quick-scroll-btn {
    display: none !important;
}

.quick-actions {
    display: flex !important;
    gap: 0.15rem 0.2rem !important;
    padding: 0.15rem 0.1rem !important;
    align-items: flex-start !important;
}

.action-item {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    margin: 0 !important;
    border-radius: 10px !important;
    transition: transform 0.2s ease !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

.action-item:hover {
    transform: translateY(-2px) !important;
    background: transparent !important;
}

.action-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    margin-bottom: 0.2rem !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    transition: transform 0.2s ease !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.action-icon i {
    position: relative !important;
    z-index: 2 !important;
    filter: drop-shadow(0 1.5px 2px rgba(0, 0, 0, 0.14)) !important;
}

.action-item:hover .action-icon {
    transform: scale(1.08) !important;
}

.action-label {
    font-weight: 700 !important;
    color: #1e293b !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease !important;
}

.action-item:hover .action-label {
    color: #2563eb !important;
}

/* Mobil (max-width: 768px): Dokunmatik Kaydırma & Saydam Zemin (Mobil Görünüm Korundu) */
@media (max-width: 768px) {
    .quick-actions-carousel-wrap {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0.1rem 0 !important;
        margin: 0.1rem 0 0.4rem 0 !important;
        overflow: hidden !important;
    }
    .quick-actions {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        padding: 0.1rem 0.2rem !important;
        gap: 0.15rem 0.35rem !important;
    }
    .quick-actions::-webkit-scrollbar {
        display: none !important;
    }
    .action-item {
        width: 58px !important;
        min-width: 50px !important;
        max-width: 60px !important;
        padding: 0.2rem 0 !important;
    }
    .action-label {
        font-size: 0.68rem !important;
        max-width: 58px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.2px !important;
    }
}

/* Masaüstü (min-width: 769px): TEK SATIRDA, Kapsayıcı Genişliğine Eşit Yayılmış (Full-Width Flex) Yerleşim */
@media (min-width: 769px) {
    .quick-actions-carousel-wrap {
        overflow: hidden !important;
        width: 100% !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        padding: 0.45rem 0.6rem !important;
    }
    .quick-actions {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        overflow: hidden !important;
        width: 100% !important;
        gap: 0.15rem !important;
        padding: 0 !important;
    }
    .action-item {
        flex: 1 1 0px !important;
        min-width: 0 !important;
        max-width: 76px !important;
        padding: 0.2rem 0 !important;
        margin: 0 !important;
    }
    .action-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.1rem !important;
        margin-bottom: 0.25rem !important;
    }
    .action-label {
        font-size: 0.68rem !important;
        font-weight: 700 !important;
        width: 100% !important;
        letter-spacing: -0.2px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
}