.webcam-suggestions{flex-direction:column;display:flex}.webcam-suggestions h2{color:#1d1d1f;letter-spacing:-.03em;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.suggestions-tabs-container{position:relative}.suggestions-tabs-wrapper{align-items:center;display:flex;position:relative}.tab-nav-arrow{cursor:pointer;z-index:10;background:#fff;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0000000d}.tab-nav-arrow:first-child{left:0}.tab-nav-arrow:last-child{right:0}.tab-nav-arrow:hover{background:#f5f5f7;box-shadow:0 4px 8px #0000001a}.tab-nav-arrow:active{transform:translateY(-50%)scale(.95)}.tab-nav-arrow.hidden{opacity:0;pointer-events:none}.tab-nav-arrow svg{fill:#1d1d1f;width:20px;height:20px}.suggestions-tabs{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:12px;width:100%;padding:4px 0;display:flex;overflow:auto hidden}.suggestions-tabs::-webkit-scrollbar{display:none}.suggestion-tab{color:#0f0f0f;cursor:pointer;white-space:nowrap;background:#0000000d;border:none;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.suggestion-tab:hover{background:#0000001a}.suggestion-tab.active{color:#fff;background:#0f0f0f;font-weight:600}.suggestions-grid{grid-template-columns:1fr;gap:8px;margin-top:8px;display:grid}.suggestion-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.suggestion-thumbnail{aspect-ratio:16/9;background:#f0f0f0;width:100%;position:relative;overflow:hidden}.suggestion-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.suggestion-name{color:#1d1d1f;letter-spacing:-.02em;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.suggestions-loading,.no-suggestions{text-align:center;color:#86868b;padding:40px 20px;font-size:14px}@media (max-width:1149px){.webcam-suggestions{margin-top:24px}.suggestions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.suggestions-grid{grid-template-columns:1fr}.suggestion-tab{padding:6px 12px;font-size:13px}.webcam-suggestions h2{font-size:18px}}.suggestion-thumbnail .suggestion-img-loading{background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.suggestion-spinner{z-index:2;width:24px;height:24px;animation:1.5s linear infinite rotate}.suggestion-thumbnail .suggestion-spinner .path{stroke:#007aff;stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}
.meteo-container{margin:0;padding:0}.weather-widget{box-sizing:border-box;background:#eef2f6;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.weather-main-row{align-items:center;gap:12px;display:flex}.weather-widget:hover{background:#e2e8f0;border-color:#cbd5e1}.weather-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.weather-icon svg{filter:none;width:32px;height:32px}.weather-temp{color:#1d1d1f;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1}.weather-info{flex-direction:column;gap:2px;display:flex}.weather-label{color:#6e6e73;letter-spacing:-.01em;font-size:.8rem;font-weight:500}.weather-loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-loading-text{color:#7f8c9a;font-size:.9rem}.weather-error{color:#c62828;background:linear-gradient(135deg,#fff5f5 0%,#ffe0e0 100%);border-color:#ffcdd2;justify-content:center;font-size:.9rem}.meteo-container{animation:.5s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.premium-upsell-container{background:linear-gradient(135deg,#141419e6,#1e1e28e6);border:1px solid #ffd70033;border-radius:16px;justify-content:center;align-items:center;min-height:400px;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 8px 32px #0006}.premium-upsell-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;display:flex}.premium-icon-wrapper{background:linear-gradient(135deg,#ffd70033,#ff8c0033);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex;position:relative;box-shadow:0 0 20px #ffd7004d}.premium-crown-icon{color:gold}.premium-lock-icon{color:#fff;box-sizing:content-box;background:#ff3b30;border-radius:50%;padding:4px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 8px #00000080}.premium-upsell-title{color:#fff;text-shadow:0 2px 4px #00000080;background:linear-gradient(90deg,gold,orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.premium-upsell-desc{color:#ccc;margin:0;font-size:1rem;line-height:1.6}.premium-features{text-align:left;background:#0000004d;border-radius:12px;flex-direction:column;gap:.8rem;width:100%;padding:1.5rem;display:flex}.premium-feature{color:#eee;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.feature-icon{color:gold;flex-shrink:0}.premium-upsell-actions{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}.btn-upgrade{color:#000;background:linear-gradient(135deg,gold,orange);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #ffd70066}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.btn-back{color:#fff;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.btn-back:hover{background:#fff3}