/** * Blog Optimization CSS * Стилі для оптимізованого блогу WESTELECOM * * НЕ додавати в main.min.css - підключати окремо! * * @date 2025-12-17 *//* ==================================================== CSS Variables ==================================================== */:root{--blog-primary:#1e3a5f;--blog-secondary:#3b82f6;--blog-accent:#10b981;--blog-warning:#f59e0b;--blog-danger:#ef4444;--blog-text:#374151;--blog-text-light:#6b7280;--blog-bg:#f8f9fa;--blog-card-bg:#ffffff;--blog-border:#e5e7eb;--blog-shadow:0 1px 3px rgba(0,0,0,0.08);--blog-shadow-hover:0 4px 12px rgba(0,0,0,0.12);--blog-radius:8px;--blog-radius-lg:12px;--blog-transition:all 0.2s ease}/* ==================================================== Blog Hero Section ==================================================== */.blog-hero{background:linear-gradient(135deg, var(--blog-primary) 0%, #2d4a6f 100%);color:#fff;padding:60px 0;margin-bottom:40px}.blog-hero .container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-hero__content{text-align:center;max-width:700px;margin:0 auto}.blog-hero__badge{display:inline-block;background:rgba(255,255,255,0.15);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:16px}.blog-hero__title{font-size:36px;font-weight:700;margin:0 0 16px;line-height:1.2}.blog-hero__subtitle{font-size:18px;opacity:0.9;margin:0 0 24px}.blog-hero__cta{display:inline-block;background:var(--blog-accent);color:#fff;padding:14px 32px;border-radius:var(--blog-radius);font-weight:600;text-decoration:none;transition:var(--blog-transition);margin-bottom:32px}.blog-hero__cta:hover{background:#0ea572;transform:translateY(-2px)}.blog-hero__subscribe{display:flex;max-width:450px;margin:0 auto 12px;gap:8px}.blog-hero__input{flex:1;padding:14px 18px;border:2px solid rgba(255,255,255,0.3);border-radius:var(--blog-radius);background:rgba(255,255,255,0.1);color:#fff;font-size:15px}.blog-hero__input::placeholder{color:rgba(255,255,255,0.7)}.blog-hero__subscribe-btn{padding:14px 24px;background:#fff;color:var(--blog-primary);border:none;border-radius:var(--blog-radius);font-weight:600;cursor:pointer;transition:var(--blog-transition)}.blog-hero__subscribe-btn:hover{background:#f0f0f0}.blog-hero__subscribe-note{font-size:13px;opacity:0.8;margin:0}.blog-hero__trust{display:flex;justify-content:center;gap:32px;margin-top:40px;flex-wrap:wrap}.blog-hero__trust-item{display:flex;align-items:center;gap:8px;font-size:14px}.trust-icon{font-size:18px}.subscribe-success{padding:16px;background:var(--blog-accent);border-radius:var(--blog-radius);font-weight:600}/* ==================================================== Blog Categories Navigation ==================================================== */.blog-categories{background:var(--blog-card-bg);border-bottom:1px solid var(--blog-border);padding:16px 0;margin-bottom:32px;position:sticky;top:60px;z-index:100}.blog-categories__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.blog-categories__item{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--blog-bg);border-radius:24px;text-decoration:none;color:var(--blog-text);font-size:14px;font-weight:500;white-space:nowrap;transition:var(--blog-transition)}.blog-categories__item:hover{background:#e5e7eb}.blog-categories__item--active{background:var(--blog-primary);color:#fff}.blog-categories__icon{font-size:16px}/* ==================================================== Inline CTA Blocks ==================================================== */.inline-cta{background:var(--blog-card-bg);border:2px solid var(--blog-border);border-radius:var(--blog-radius-lg);padding:24px;margin:32px 0;box-shadow:var(--blog-shadow)}.inline-cta--address{border-color:var(--blog-secondary);background:linear-gradient(135deg, #f0f7ff 0%, #fff 100%)}.inline-cta--express{border-color:var(--blog-accent);background:linear-gradient(135deg, #f0fdf4 0%, #fff 100%)}.inline-cta--promo{background:linear-gradient(135deg, var(--blog-primary) 0%, #2d4a6f 100%);color:#fff;border:none;padding:32px;position:relative;overflow:hidden}.inline-cta__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.inline-cta__icon{font-size:28px}.inline-cta__title{font-size:18px;font-weight:600;color:var(--blog-primary);margin:0}.inline-cta--promo .inline-cta__title{color:#fff}.inline-cta__text{color:var(--blog-text-light);margin:0 0 16px;line-height:1.5}.inline-cta__form{margin-bottom:16px}.inline-cta__input-group{display:flex;gap:8px}.inline-cta__input{flex:1;padding:14px 18px;border:2px solid var(--blog-border);border-radius:var(--blog-radius);font-size:15px;transition:var(--blog-transition)}.inline-cta__input:focus{border-color:var(--blog-secondary);outline:none}.inline-cta__btn{padding:14px 28px;background:var(--blog-secondary);color:#fff;border:none;border-radius:var(--blog-radius);font-weight:600;cursor:pointer;transition:var(--blog-transition);white-space:nowrap}.inline-cta__btn:hover{background:#2563eb}.inline-cta__btn--green{background:var(--blog-accent)}.inline-cta__btn--green:hover{background:#0ea572}.inline-cta__features{display:flex;gap:20px;font-size:13px;color:var(--blog-text-light);flex-wrap:wrap}.inline-cta__trust{display:flex;gap:20px;font-size:13px;color:var(--blog-accent)}.inline-cta__result{margin-top:16px}.cta-result--success{padding:16px;background:#f0fdf4;border-radius:var(--blog-radius);color:var(--blog-accent);font-weight:500}.cta-result--success a{color:var(--blog-secondary);font-weight:600}.cta-result--pending{padding:16px;background:#fef3c7;border-radius:var(--blog-radius);color:#92400e}.cta-result--error{padding:16px;background:#fef2f2;border-radius:var(--blog-radius);color:var(--blog-danger)}.inline-cta__promo-badge{position:absolute;top:16px;right:16px;background:var(--blog-warning);color:#000;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700}.inline-cta__promo-title{font-size:24px;font-weight:700;margin:0 0 20px}.inline-cta__promo-features{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.promo-feature{display:flex;align-items:center;gap:8px;font-size:15px}.promo-feature__icon{font-size:20px}.inline-cta__promo-btn{display:inline-block;background:#fff;color:var(--blog-primary);padding:16px 32px;border-radius:var(--blog-radius);font-weight:600;text-decoration:none;transition:var(--blog-transition)}.inline-cta__promo-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.inline-cta__promo-trust{display:flex;gap:24px;margin-top:20px;font-size:13px;opacity:0.9;flex-wrap:wrap}/* ==================================================== FAQ Section ==================================================== */.article-faq{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);padding:32px;margin:40px 0;box-shadow:var(--blog-shadow)}.article-faq__title{font-size:22px;font-weight:700;color:var(--blog-primary);margin:0 0 24px}.faq-item{border-bottom:1px solid var(--blog-border)}.faq-item:last-child{border-bottom:none}.faq-item__question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 0;background:none;border:none;cursor:pointer;text-align:left}.faq-item__question h3{font-size:16px;font-weight:600;color:var(--blog-text);margin:0;flex:1;padding-right:16px}.faq-item__toggle{color:var(--blog-text-light);font-size:12px;transition:var(--blog-transition)}.faq-item--open .faq-item__toggle{transform:rotate(180deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-item--open .faq-item__answer{max-height:300px}.faq-item__answer div{padding:0 0 18px;color:var(--blog-text-light);line-height:1.6}.article-faq__cta{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--blog-border)}.article-faq__cta p{margin:0 0 8px;color:var(--blog-text-light)}.article-faq__link{color:var(--blog-secondary);font-weight:600;text-decoration:none}.article-faq__link:hover{text-decoration:underline}/* ==================================================== Author Box ==================================================== */.author-box{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);padding:24px;margin:32px 0;box-shadow:var(--blog-shadow)}.author-box__label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--blog-text-light);margin:0 0 16px}.author-box__content{display:flex;gap:20px;align-items:flex-start}.author-box__photo{flex-shrink:0}.author-box__photo img{width:80px;height:80px;border-radius:50%;object-fit:cover}.author-box__info{flex:1}.author-box__name{font-size:18px;font-weight:600;color:var(--blog-primary);margin:0 0 4px}.author-box__position{font-size:14px;color:var(--blog-secondary);margin:0 0 8px}.author-box__experience{font-size:13px;color:var(--blog-text-light);margin:0 0 12px}.author-box__bio{font-size:14px;color:var(--blog-text);line-height:1.5;margin:0 0 12px}.author-box__contact{display:inline-block;font-size:14px;color:var(--blog-secondary);text-decoration:none}.author-box__contact:hover{text-decoration:underline}/* ==================================================== Rating Section ==================================================== */.article-rating{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);padding:24px;margin:32px 0;text-align:center;box-shadow:var(--blog-shadow)}.article-rating__title{font-size:18px;font-weight:600;color:var(--blog-primary);margin:0 0 20px}.article-rating__buttons{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.rating-btn{padding:12px 24px;border:2px solid var(--blog-border);border-radius:var(--blog-radius);background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:var(--blog-transition)}.rating-btn--yes:hover{border-color:var(--blog-accent);background:#f0fdf4}.rating-btn--no:hover{border-color:var(--blog-danger);background:#fef2f2}.article-rating__stars{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.rating-label{font-size:14px;color:var(--blog-text-light)}.star-rating{display:flex;gap:4px}.star-btn{background:none;border:none;font-size:24px;color:#d1d5db;cursor:pointer;transition:var(--blog-transition)}.star-btn:hover,.star-btn--active{color:var(--blog-warning)}.rating-count{font-size:13px;color:var(--blog-text-light)}.article-rating__stat{font-size:13px;color:var(--blog-text-light);margin:16px 0 0}.rating-success{padding:12px;background:#f0fdf4;border-radius:var(--blog-radius);color:var(--blog-accent);font-weight:500}.rating-info{padding:12px;background:#f3f4f6;border-radius:var(--blog-radius);color:var(--blog-text-light)}.rating-error{padding:12px;background:#fef2f2;border-radius:var(--blog-radius);color:var(--blog-danger)}/* ==================================================== Related Articles ==================================================== */.related-articles{margin:40px 0}.related-articles__title{font-size:20px;font-weight:700;color:var(--blog-primary);margin:0 0 24px}.related-articles__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.related-card{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);overflow:hidden;text-decoration:none;box-shadow:var(--blog-shadow);transition:var(--blog-transition)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow-hover)}.related-card__image{aspect-ratio:16/10;overflow:hidden}.related-card__image img{width:100%;height:100%;object-fit:cover}.related-card__content{padding:16px}.related-card__title{font-size:15px;font-weight:600;color:var(--blog-text);margin:0 0 12px;line-height:1.4}.related-card__meta{display:flex;gap:16px;font-size:13px;color:var(--blog-text-light)}/* ==================================================== Trust Badges ==================================================== */.trust-badges{padding:24px 0;border-top:1px solid var(--blog-border);margin-top:32px}.trust-badges__list{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--blog-text-light)}.trust-badge__icon{font-size:18px}/* ==================================================== Speed Calculator ==================================================== */.speed-calculator{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);padding:32px;margin:32px 0;box-shadow:var(--blog-shadow)}.speed-calculator__header{text-align:center;margin-bottom:24px}.speed-calculator__title{font-size:22px;font-weight:700;color:var(--blog-primary);margin:0 0 8px}.speed-calculator__subtitle{color:var(--blog-text-light);margin:0}.speed-calculator__options{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;margin-bottom:24px}.calc-option{cursor:pointer}.calc-option input{display:none}.calc-option__box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--blog-bg);border:2px solid transparent;border-radius:var(--blog-radius);transition:var(--blog-transition);text-align:center}.calc-option input:checked + .calc-option__box{background:#f0f7ff;border-color:var(--blog-secondary)}.calc-option__box:hover{background:#e5e7eb}.calc-option__icon{font-size:24px}.calc-option__text{font-size:13px;color:var(--blog-text);font-weight:500}.speed-calculator__devices{margin-bottom:24px;padding:20px;background:var(--blog-bg);border-radius:var(--blog-radius)}.calc-devices__label{display:block;font-size:14px;color:var(--blog-text);margin-bottom:12px}.calc-devices__slider{display:flex;align-items:center;gap:16px}.calc-devices__slider input[type="range"]{flex:1;height:8px;-webkit-appearance:none;background:#d1d5db;border-radius:4px}.calc-devices__slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--blog-secondary);border-radius:50%;cursor:pointer}.calc-devices__value{font-size:20px;font-weight:700;color:var(--blog-primary);min-width:40px;text-align:center}.speed-calculator__result{background:linear-gradient(135deg, var(--blog-primary) 0%, #2d4a6f 100%);color:#fff;border-radius:var(--blog-radius);padding:24px;text-align:center}.calc-result__speed{margin-bottom:16px}.calc-result__label{display:block;font-size:14px;opacity:0.9;margin-bottom:4px}.calc-result__value{font-size:36px;font-weight:700}.calc-result__tariff{margin-bottom:20px}.calc-result__tariff-name{display:block;font-size:18px;font-weight:600;margin-bottom:4px}.calc-result__tariff-price{font-size:24px;font-weight:700}.calc-result__tariff-price.price-highlight{color:var(--blog-warning)}.price-badge{display:inline-block;background:var(--blog-warning);color:#000;font-size:11px;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.calc-result__btn{display:inline-block;background:#fff;color:var(--blog-primary);padding:14px 28px;border-radius:var(--blog-radius);font-weight:600;text-decoration:none;transition:var(--blog-transition)}.calc-result__btn:hover{background:#f0f0f0}/* ==================================================== WiFi Test ==================================================== */.wifi-test{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);padding:32px;margin:32px 0;box-shadow:var(--blog-shadow)}.wifi-test__header{text-align:center;margin-bottom:24px}.wifi-test__title{font-size:22px;font-weight:700;color:var(--blog-primary);margin:0 0 8px}.wifi-test__subtitle{color:var(--blog-text-light);margin:0}.wifi-question__text{font-size:18px;font-weight:600;color:var(--blog-text);text-align:center;margin:0 0 20px}.wifi-question__options{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.wifi-option{padding:16px 24px;background:var(--blog-bg);border:2px solid transparent;border-radius:var(--blog-radius);font-size:15px;font-weight:500;color:var(--blog-text);cursor:pointer;transition:var(--blog-transition)}.wifi-option:hover{background:#e5e7eb;border-color:var(--blog-secondary)}.wifi-test__result{text-align:center;padding:24px}.wifi-result__icon{font-size:48px;margin-bottom:16px}.wifi-result__title{font-size:20px;font-weight:700;color:var(--blog-primary);margin:0 0 12px}.wifi-result__text{color:var(--blog-text-light);line-height:1.6;margin:0 0 20px;max-width:500px;margin-left:auto;margin-right:auto}.wifi-result__btn{display:inline-block;background:var(--blog-accent);color:#fff;padding:14px 28px;border-radius:var(--blog-radius);font-weight:600;text-decoration:none;transition:var(--blog-transition)}.wifi-result__btn:hover{background:#0ea572}.wifi-test__progress{height:4px;background:var(--blog-border);border-radius:2px;margin-top:24px;overflow:hidden}.wifi-progress__bar{height:100%;background:var(--blog-secondary);border-radius:2px;transition:width 0.3s ease}/* ==================================================== Responsive ==================================================== */@media (max-width:1024px){.speed-calculator__options{grid-template-columns:repeat(2, 1fr)}.related-articles__grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width:768px){.blog-hero{padding:40px 0}.blog-hero__title{font-size:28px}.blog-hero__subscribe{flex-direction:column}.blog-hero__trust{flex-direction:column;gap:12px}.blog-categories__list{-ms-overflow-style:none;scrollbar-width:none}.blog-categories__list::-webkit-scrollbar{display:none}.inline-cta__input-group{flex-direction:column}.inline-cta__promo-features{flex-direction:column;gap:12px}.article-rating__buttons{flex-direction:column}.related-articles__grid{grid-template-columns:1fr}.speed-calculator__options{grid-template-columns:1fr 1fr}.author-box__content{flex-direction:column;align-items:center;text-align:center}.trust-badges__list{flex-direction:column;align-items:center;gap:12px}}@media (max-width:480px){.blog-hero__title{font-size:24px}.speed-calculator__options{grid-template-columns:1fr}.inline-cta{padding:20px}.inline-cta--promo{padding:24px}.inline-cta__promo-title{font-size:20px}}.cards-view_content-item{font-size:18px;line-height:1.8;color:#333}.cards-view_content-item p{margin-bottom:1.5em;text-align:justify;text-justify:inter-word}.cards-view_content-item h2{font-size:28px;font-weight:700;color:#1a1a2e;margin:2em 0 1em 0;padding-bottom:0.5em;border-bottom:3px solid #E91E8C}.cards-view_content-item h3{font-size:22px;font-weight:600;color:#2d3748;margin:1.5em 0 0.8em 0}.cards-view_content-item ul,.cards-view_content-item ol{margin:1.5em 0;padding-left:1.5em}.cards-view_content-item li{margin-bottom:0.8em;padding-left:0.5em}.cards-view_content-item ul li{list-style-type:disc}.cards-view_content-item ol li{list-style-type:decimal}.cards-view_content-item strong{color:#1a1a2e;font-weight:600}.cards-view_content-item a{color:#E91E8C;text-decoration:none;border-bottom:1px dashed #E91E8C;transition:all 0.2s}.cards-view_content-item a:hover{color:#764ba2;border-bottom-color:#764ba2}.cards-view_content-item blockquote{margin:2em 0;padding:1.5em 2em;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-left:4px solid #E91E8C;border-radius:0 8px 8px 0;font-style:italic;color:#495057}.cards-view_content-item code{background:#f1f3f4;padding:0.2em 0.5em;border-radius:4px;font-family:monospace;font-size:0.9em;color:#d63384}.cards-view_content-item pre{background:#1a1a2e;color:#f8f9fa;padding:1.5em;border-radius:8px;overflow-x:auto;margin:1.5em 0}.cards-view_content-item img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.cards-view_content-item > p:first-of-type{font-size:20px;line-height:1.7;color:#495057}@media (max-width:768px){.cards-view_content-item{font-size:16px;line-height:1.7}.cards-view_content-item h2{font-size:24px}.cards-view_content-item h3{font-size:20px}.cards-view_content-item p{text-align:left}}.address-success{text-align:center;padding:20px 0}.address-success__icon{font-size:48px;margin-bottom:15px}.address-success__title{font-size:24px;font-weight:700;color:#28a745;margin-bottom:10px}.address-success__subtitle{font-size:16px;color:#666;margin-bottom:8px}.address-success__address{font-size:18px;font-weight:600;color:#1a1a2e;padding:10px 20px;background:#f8f9fa;border-radius:8px;display:inline-block}.address-contact{margin-top:25px;padding-top:25px;border-top:1px solid #eee}.address-contact__title{font-size:18px;color:#333;margin-bottom:15px;text-align:center}.address-telegram{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px dashed #ddd}.address-telegram__or{color:#999;font-size:14px}.address-telegram__link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg, #0088cc 0%, #0077b5 100%);color:#fff !important;border-radius:25px;text-decoration:none !important;border:none !important;font-weight:500;transition:all 0.3s}.address-telegram__link:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0, 136, 204, 0.4)}.address-telegram__link svg{flex-shrink:0}.address-final-success{text-align:center;padding:30px 20px}.address-final-features{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.address-final-features > div{background:#f0fff4;padding:10px 15px;border-radius:8px;color:#28a745;font-weight:500}@media (max-width:768px){.address-telegram{flex-direction:column}.address-telegram__link{font-size:14px}.address-final-features{flex-direction:column}}.inline-cta__features{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.inline-cta__features span{display:inline-flex;align-items:center;padding:10px 18px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-weight:600;font-size:14px;border-radius:25px;animation:featurePulse 2s ease-in-out infinite;box-shadow:0 4px 15px rgba(102, 126, 234, 0.4);transition:all 0.3s}.inline-cta__features span:nth-child(1){animation-delay:0s;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);box-shadow:0 4px 15px rgba(245, 87, 108, 0.4)}.inline-cta__features span:nth-child(2){animation-delay:0.3s;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);box-shadow:0 4px 15px rgba(79, 172, 254, 0.4)}.inline-cta__features span:nth-child(3){animation-delay:0.6s;background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);box-shadow:0 4px 15px rgba(67, 233, 123, 0.4)}.inline-cta__features span:hover{transform:scale(1.1) translateY(-3px);animation-play-state:paused}@keyframes featurePulse{0%, 100%{transform:scale(1);box-shadow:0 4px 15px rgba(102, 126, 234, 0.4)}50%{transform:scale(1.05);box-shadow:0 6px 25px rgba(102, 126, 234, 0.6)}}.inline-cta__features span::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:inherit;border-radius:27px;z-index:-1;filter:blur(10px);opacity:0.5;animation:glowPulse 2s ease-in-out infinite}.inline-cta__features span{position:relative}@keyframes glowPulse{0%, 100%{opacity:0.3}50%{opacity:0.7}}.inline-cta__features span::after{content:"◆";display:none}@media (max-width:768px){.inline-cta__features{flex-direction:column;align-items:center}.inline-cta__features span{width:100%;max-width:280px;justify-content:center}}@media (max-width:768px){.sticky-promo-bar{display:none !important;padding:8px 10px}.sticky-promo-bar .promo-content{flex-wrap:wrap;gap:8px}.sticky-promo-bar .promo-text{font-size:12px;flex:1 1 100%;text-align:center;order:1}.sticky-promo-bar .promo-timer{font-size:14px;font-weight:700;order:2}.sticky-promo-bar .promo-btn{padding:8px 16px;font-size:12px;order:3;white-space:nowrap}.sticky-promo-bar .promo-close{position:absolute;top:5px;right:5px;width:24px;height:24px;font-size:18px}}@media (max-width:480px){.phone-modal-overlay{padding:10px;align-items:flex-end}.phone-modal{padding:25px 20px;border-radius:20px 20px 0 0;max-width:100%;width:100%;margin:0}.phone-modal__icon{font-size:40px}.phone-modal__title{font-size:20px}.phone-modal__subtitle{font-size:14px}.phone-modal__input{font-size:18px;padding:14px 16px}.phone-modal__btn{font-size:16px;padding:14px 20px}.phone-modal__close{top:10px;right:10px}.success-features{gap:8px}.success-feature{padding:10px 15px;font-size:14px}}@media (max-width:768px){.inline-cta{padding:20px 15px;margin:25px -15px;border-radius:0}.inline-cta__header{flex-direction:column;text-align:center;gap:10px}.inline-cta__icon{font-size:36px}.inline-cta__title{font-size:18px}.inline-cta__input-group{flex-direction:column;gap:10px}.inline-cta__input{width:100%;font-size:16px;padding:14px 16px;text-align:center}.inline-cta__btn{width:100%;padding:14px 20px;font-size:16px}}@media (max-width:768px){.address-success__title{font-size:20px}.address-success__address{font-size:16px;padding:8px 15px;word-break:break-word}.address-contact__title{font-size:16px}.address-telegram{flex-direction:column;gap:10px}.address-telegram__link{width:100%;justify-content:center;padding:14px 20px;font-size:14px}.address-final-features{flex-direction:column;gap:10px}.address-final-features > div{width:100%;text-align:center}}@media (max-width:768px){.blog-hero{padding:30px 0}.blog-hero__badge{font-size:12px}.blog-hero__title{font-size:24px;line-height:1.3}.blog-hero__subtitle{font-size:14px}.blog-hero__cta{width:100%;text-align:center;padding:14px 20px;font-size:16px}.blog-hero__subscribe{flex-direction:column;gap:10px}.blog-hero__input{width:100%;text-align:center}.blog-hero__subscribe-btn{width:100%}.blog-hero__trust{flex-direction:column;gap:10px;align-items:center}.blog-hero__trust-item{font-size:13px}}@media (max-width:768px){.blog-categories__list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;gap:8px}.blog-categories__item{flex-shrink:0;padding:8px 14px;font-size:13px}.blog-categories__icon{font-size:16px}}@media (max-width:768px){.cards-list{gap:20px}.mainCards__item{flex-direction:column}.news-slider__item-img{width:100%;height:200px;object-fit:cover}.news-slider__item-title{font-size:16px}}@media (max-width:768px){button, .btn, .inline-cta__btn, .phone-modal__btn, .promo-btn{min-height:48px;touch-action:manipulation}input[type="text"], input[type="tel"], input[type="email"]{min-height:48px;font-size:16px !important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.phone-modal{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.sticky-promo-bar{display:none !important;padding-top:calc(8px + env(safe-area-inset-top))}}.blog-hero__trust--animated{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px}.blog-hero__trust-item--clickable{display:flex;align-items:center;gap:10px;padding:15px 25px;background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.3);border-radius:50px;cursor:pointer;transition:all 0.3s ease;animation:heroFeaturePulse 3s ease-in-out infinite;position:relative;overflow:hidden}.blog-hero__trust-item--clickable:nth-child(1){animation-delay:0s}.blog-hero__trust-item--clickable:nth-child(2){animation-delay:1s}.blog-hero__trust-item--clickable:nth-child(3){animation-delay:2s}.blog-hero__trust-item--clickable::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation:shimmer 3s infinite}.blog-hero__trust-item--clickable:nth-child(1)::before{animation-delay:0s}.blog-hero__trust-item--clickable:nth-child(2)::before{animation-delay:1s}.blog-hero__trust-item--clickable:nth-child(3)::before{animation-delay:2s}@keyframes shimmer{0%{left:-100%}50%, 100%{left:100%}}@keyframes heroFeaturePulse{0%, 100%{transform:scale(1);box-shadow:0 5px 20px rgba(0, 0, 0, 0.2)}50%{transform:scale(1.03);box-shadow:0 8px 30px rgba(233, 30, 140, 0.4)}}.blog-hero__trust-item--clickable:hover{transform:scale(1.08) !important;background:rgba(255, 255, 255, 0.25);box-shadow:0 10px 40px rgba(233, 30, 140, 0.5)}.blog-hero__trust-item--clickable .trust-icon{font-size:24px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%, 100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.mini-contact-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease}.mini-contact-overlay.visible{opacity:1;visibility:visible}.mini-contact{background:#fff;border-radius:20px;padding:25px;max-width:320px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);transform:scale(0.9) translateY(20px);transition:transform 0.3s ease}.mini-contact-overlay.visible .mini-contact{transform:scale(1) translateY(0)}.mini-contact__close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;background:#f0f0f0;border-radius:50%;font-size:20px;cursor:pointer;transition:all 0.2s;color:#666}.mini-contact__close:hover{background:#e0e0e0;transform:rotate(90deg)}.mini-contact__header{margin-bottom:20px}.mini-contact__icon{font-size:40px;display:block;margin-bottom:10px}.mini-contact__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.mini-contact__options{display:flex;flex-direction:column;gap:12px}.mini-contact__btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;border:none}.mini-contact__btn--phone{background:linear-gradient(135deg, #E91E8C 0%, #764ba2 100%);color:#fff}.mini-contact__btn--phone:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(233, 30, 140, 0.4)}.mini-contact__btn--telegram{background:linear-gradient(135deg, #0088cc 0%, #0077b5 100%);color:#fff !important}.mini-contact__btn--telegram:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 136, 204, 0.4)}.mini-contact__btn--telegram svg{flex-shrink:0}.mini-contact__phone-form{display:flex;flex-direction:column;gap:12px}.mini-contact__input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:18px;text-align:center;transition:all 0.3s}.mini-contact__input:focus{outline:none;border-color:#E91E8C}.mini-contact__submit{padding:14px 20px;background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s}.mini-contact__submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(40, 167, 69, 0.4)}.mini-contact__note{margin:15px 0 0 0;font-size:13px;color:#888}@media (max-width:480px){.blog-hero__trust--animated{flex-direction:column;align-items:center}.blog-hero__trust-item--clickable{width:100%;max-width:280px;justify-content:center;padding:12px 20px}.mini-contact{margin:10px;padding:20px}}.promo-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);z-index:10001;align-items:center;justify-content:center}.promo-modal-overlay.visible{display:flex}.promo-modal{background:#fff;border-radius:16px;padding:30px;max-width:380px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease}@keyframes modalSlideIn{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.promo-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;font-size:20px;cursor:pointer;color:#64748b;transition:all 0.2s}.promo-modal__close:hover{background:#e2e8f0;color:#1e293b}.promo-modal__icon{font-size:48px;margin-bottom:15px}.promo-modal__title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 10px}.promo-modal__subtitle{font-size:15px;color:#64748b;margin:0 0 20px;line-height:1.5}.promo-modal__form{display:flex;flex-direction:column;gap:12px}.promo-modal__input{width:100%;padding:14px 18px;font-size:18px;border:2px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color 0.2s;text-align:center;letter-spacing:1px}.promo-modal__input:focus{border-color:#E91E8C}.promo-modal__btn{width:100%;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg, #E91E8C, #764ba2);color:#fff;cursor:pointer;transition:all 0.3s}.promo-modal__btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(233, 30, 140, 0.4)}.promo-modal__telegram{display:inline-block;margin-top:15px;padding:10px 20px;background:#0088cc;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;transition:all 0.2s}.promo-modal__telegram:hover{background:#006699}.promo-modal__note{margin-top:15px;font-size:13px;color:#94a3b8}.promo-modal--success .promo-modal__title{color:#10b981}@keyframes featureGlow{0%, 100%{box-shadow:0 0 5px rgba(233, 30, 140, 0.3), 0 0 10px rgba(233, 30, 140, 0.2)}50%{box-shadow:0 0 20px rgba(233, 30, 140, 0.6), 0 0 40px rgba(233, 30, 140, 0.4)}}@keyframes featureShimmer{0%{background-position:-200% center}100%{background-position:200% center}}.blog-hero__trust-item--clickable{cursor:pointer !important;animation:featureGlow 2s ease-in-out infinite !important;background:linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.1) 100% ) !important;background-size:200% 100% !important;border:2px solid rgba(233, 30, 140, 0.5) !important;transition:all 0.3s ease !important}.blog-hero__trust-item--clickable:hover{transform:scale(1.05) !important;border-color:#E91E8C !important;box-shadow:0 0 30px rgba(233, 30, 140, 0.8) !important}.blog-hero__trust-item--clickable .trust-icon{animation:featureShimmer 3s linear infinite;font-size:24px}.blog-hero__trust-item--clickable:nth-child(1){animation-delay:0s}.blog-hero__trust-item--clickable:nth-child(2){animation-delay:0.5s}.blog-hero__trust-item--clickable:nth-child(3){animation-delay:1s}@media (max-width:768px){.promo-modal{padding:25px 20px;max-width:340px}.promo-modal__title{font-size:20px}.promo-modal__input{font-size:16px;padding:12px 15px}.blog-hero__trust-item--clickable{padding:12px 18px !important;font-size:13px !important}}.article-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);z-index:10001;align-items:center;justify-content:center}.article-modal-overlay.visible{display:flex}.article-modal{background:#fff;border-radius:16px;padding:30px;max-width:380px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease}.article-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;font-size:20px;cursor:pointer;color:#64748b;transition:all 0.2s}.article-modal__close:hover{background:#e2e8f0;color:#1e293b}.article-modal__icon{font-size:48px;margin-bottom:15px}.article-modal__title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 10px}.article-modal__subtitle{font-size:15px;color:#64748b;margin:0 0 20px;line-height:1.5}.article-modal__form{display:flex;flex-direction:column;gap:12px}.article-modal__input{width:100%;padding:14px 18px;font-size:18px;border:2px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color 0.2s;text-align:center;letter-spacing:1px;box-sizing:border-box}.article-modal__input:focus{border-color:#E91E8C}.article-modal__btn{width:100%;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg, #E91E8C, #764ba2);color:#fff;cursor:pointer;transition:all 0.3s}.article-modal__btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(233, 30, 140, 0.4)}.article-modal__telegram{display:inline-block;margin-top:15px;padding:10px 20px;background:#0088cc;color:#fff !important;text-decoration:none;border-radius:8px;font-size:14px;transition:all 0.2s}.article-modal__telegram:hover{background:#006699;color:#fff}.article-modal__note{margin-top:15px;font-size:13px;color:#94a3b8}.article-modal--success .article-modal__title{color:#10b981}.promo-feature--animated{cursor:pointer;animation:featureGlow 2s ease-in-out infinite;transition:all 0.3s ease;padding:8px 12px;border-radius:8px;border:1px solid rgba(233, 30, 140, 0.3)}.promo-feature--animated:hover{transform:scale(1.05);border-color:#E91E8C;box-shadow:0 0 20px rgba(233, 30, 140, 0.5);background:rgba(233, 30, 140, 0.1)}.promo-feature--animated:nth-child(1){animation-delay:0s}.promo-feature--animated:nth-child(2){animation-delay:0.5s}.promo-feature--animated:nth-child(3){animation-delay:1s}.promo-feature__icon{font-size:20px;margin-right:8px}@media (max-width:768px){.article-modal{padding:25px 20px;max-width:340px}.article-modal__title{font-size:20px}.article-modal__input{font-size:16px;padding:12px 15px}.promo-feature--animated{padding:6px 10px;font-size:13px}}.article-hero{background:linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);color:#fff;padding:30px 20px 40px;margin-bottom:30px}.article-hero__breadcrumbs{margin-bottom:20px}.article-hero__breadcrumbs-list{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0;font-size:14px}.article-hero__breadcrumbs-list a{color:rgba(255,255,255,0.8);text-decoration:none}.article-hero__breadcrumbs-list a:hover{color:#fff;text-decoration:underline}.article-hero__breadcrumbs-list .separator{color:rgba(255,255,255,0.5);margin:0 5px}.article-hero__breadcrumbs-list .current{color:rgba(255,255,255,0.6)}.article-hero__title{font-size:32px;font-weight:700;margin:0 0 20px;line-height:1.3}.article-hero__meta{margin-bottom:20px}.article-hero__meta-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.article-hero__meta-item{font-size:14px;color:rgba(255,255,255,0.9)}.article-hero__rating{display:flex;align-items:center;gap:10px}.article-hero__stars{display:flex;gap:3px}.article-hero__stars .star{font-size:22px;color:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.2s}.article-hero__stars .star:hover,.article-hero__stars .star.filled{color:#ffd700;text-shadow:0 0 10px rgba(255, 215, 0, 0.5)}.article-hero__rating-text{font-size:14px;color:rgba(255,255,255,0.8)}.rate-prompt{color:#ffd700;font-style:italic}.article-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.article-hero__action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all 0.2s}.article-hero__action-btn:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5)}.article-hero__action-btn .icon{font-size:18px}.article-hero__share-dropdown{position:relative}.share-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.2);min-width:200px;z-index:100;overflow:hidden;margin-top:5px}.share-menu.visible{display:block}.share-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#1e293b;text-decoration:none;font-size:14px;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background 0.2s}.share-item:hover{background:#f1f5f9}@media (max-width:768px){.article-hero{padding:20px 15px 30px}.article-hero__title{font-size:24px}.article-hero__meta-row{gap:10px 15px}.article-hero__meta-item{font-size:13px}.article-hero__actions{gap:8px}.article-hero__action-btn{padding:8px 12px;font-size:13px}.article-hero__action-btn .text-DISABLED{display:none}}.exit-intent-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);z-index:10002;align-items:center;justify-content:center}.exit-intent-overlay.visible{display:flex}.exit-intent-modal{background:linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);color:#fff;border-radius:20px;padding:40px;max-width:480px;width:90%;text-align:center;position:relative;box-shadow:0 25px 80px rgba(0,0,0,0.5);animation:exitSlideIn 0.4s ease}@keyframes exitSlideIn{from{transform:translateY(-50px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.exit-intent-close{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:rgba(255,255,255,0.1);border-radius:50%;font-size:24px;cursor:pointer;color:#fff;transition:all 0.2s}.exit-intent-close:hover{background:rgba(255,255,255,0.2)}.exit-intent-header{margin-bottom:20px}.exit-intent-icon{font-size:48px;display:block;margin-bottom:10px}.exit-intent-title{font-size:24px;font-weight:700;margin:0;color:#ffd700}.exit-intent-subtitle{font-size:18px;margin:0 0 25px;opacity:0.9}.exit-intent-benefits{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;margin-bottom:20px;text-align:left}.exit-intent-benefits-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#ffd700}.exit-intent-list{list-style:none;padding:0;margin:0}.exit-intent-list li{padding:8px 0;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.exit-intent-list li:last-child{border-bottom:none}.exit-intent-price{font-size:20px;margin-bottom:25px}.exit-intent-price strong{font-size:28px;color:#10b981}.exit-intent-price s{opacity:0.6}.exit-intent-form{display:flex;flex-direction:column;gap:12px}.exit-intent-input{width:100%;padding:16px 20px;font-size:18px;border:2px solid rgba(255,255,255,0.3);border-radius:10px;background:rgba(255,255,255,0.1);color:#fff;text-align:center;outline:none;box-sizing:border-box}.exit-intent-input::placeholder{color:rgba(255,255,255,0.6)}.exit-intent-input:focus{border-color:#E91E8C;background:rgba(255,255,255,0.15)}.exit-intent-btn{width:100%;padding:16px 24px;font-size:18px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg, #E91E8C, #F06292);color:#fff;cursor:pointer;transition:all 0.3s}.exit-intent-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(233, 30, 140, 0.4)}.exit-intent-timer{margin-top:20px;font-size:14px;opacity:0.8}@media (max-width:768px){.exit-intent-modal{padding:30px 20px}.exit-intent-title{font-size:20px}.exit-intent-input, .exit-intent-btn{font-size:16px;padding:14px 18px}}@media (max-width:768px){/* ==================================================== MOBILE:Прибираємо зайві sticky елементи на блозі ==================================================== */@media (max-width:768px){.mobile-fixed-cta{display:none !important}}/* ===================================================== MOBILE OPTIMIZATION - Touch-friendly & Accessible ===================================================== */@media (max-width:768px){.blog-hero__cta, .inline-cta__btn, .promo-btn, .exit-intent-btn, .article-hero__action-btn, .reviews-all-link, .rev-arr, button[type="submit"]{min-height:48px !important;min-width:48px !important;padding:14px 24px !important;font-size:16px !important;touch-action:manipulation}input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, .inline-cta__input, .exit-intent-input, .mini-contact-input{min-height:48px !important;font-size:16px !important;padding:12px 16px !important;border-radius:8px !important}a[href^="tel:"]{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;background:#10b981;color:white !important;border-radius:24px;font-weight:600;text-decoration:none;font-size:16px}a[href^="tel:"]:active{background:#059669;transform:scale(0.98)}.mobile-telegram-float{position:fixed;bottom:80px;right:16px;width:56px;height:56px;background:linear-gradient(135deg, #0088cc, #00a0dc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,136,204,0.4);z-index:999;text-decoration:none;transition:transform 0.2s}.mobile-telegram-float:active{transform:scale(0.95)}.mobile-telegram-float svg{width:28px;height:28px;fill:white}.rev-dot{min-width:24px !important;min-height:24px !important;padding:8px}.reviews-nav{gap:24px !important;padding:16px 0}.rev-arr{width:48px !important;height:48px !important;font-size:24px !important}.article-hero__actions{flex-wrap:wrap;gap:12px}.article-hero__action-btn{flex:1;min-width:100px;justify-content:center}.inline-cta{padding:20px 16px}.inline-cta__input-group{flex-direction:column;gap:12px}.inline-cta__btn{width:100%}.blog-hero__trust{flex-direction:column;gap:12px}.blog-hero__trust-item{padding:12px 16px;font-size:14px}.mini-contact-modal, .promo-modal, .exit-intent-modal{width:95% !important;max-width:400px;margin:20px;padding:24px 20px !important}.mini-contact-option-btn, .promo-modal__btn{min-height:52px !important;font-size:16px !important}}@media (max-width:768px){.blog-telegram-float{position:fixed;bottom:130px;right:12px;width:40px;height:40px;background:#0088cc;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,136,204,0.4);z-index:9998;text-decoration:none;border:none}.blog-telegram-float svg{width:22px;height:22px;fill:white}}@media (min-width:769px){.blog-telegram-float{display:none}}/* ===================================================== ARTICLE HERO BUTTONS - Unified Style ===================================================== */.article-hero__actions{display:flex;align-items:stretch;gap:12px;margin-top:20px;flex-wrap:wrap}.article-hero__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px;height:40px;padding:0 20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.article-hero__action-btn:hover{background:#f9fafb;border-color:#E91E8C;color:#E91E8C}.article-hero__action-btn .icon{font-size:18px;line-height:1}.article-hero__action-btn .text{font-size:14px}.article-hero__share-dropdown{position:relative}.share-menu{position:absolute;top:calc(100% + 8px);left:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:200px;padding:8px 0;display:none;z-index:100}.share-menu.visible{display:block}.share-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#374151;text-decoration:none;font-size:14px;border:none;background:none;width:100%;text-align:left;cursor:pointer}.share-item:hover{background:#f3f4f6;color:#E91E8C}@media (max-width:768px){.article-hero__actions{justify-content:center}.article-hero__action-btn{min-width:110px;padding:0 14px;height:48px;font-size:13px}.share-menu{left:50%;transform:translateX(-50%)}}/* ===================================================== ACTION ICON BUTTONS (Save, Share, Email) ===================================================== */.article-hero__actions{display:flex;align-items:center;gap:8px;margin-top:16px}.action-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all 0.2s;color:#6b7280}.action-icon-btn:hover{background:#E91E8C;color:white}.action-icon-btn:hover svg{stroke:white}.action-icon-btn svg{stroke:#6b7280;transition:stroke 0.2s}.action-icon-btn#saveBtn.saved{background:#E91E8C;color:white}.action-icon-btn#saveBtn.saved svg{stroke:white;fill:white}.share-dropdown{position:relative}.share-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);min-width:180px;padding:8px;display:none;z-index:100}.share-menu.visible{display:block}.share-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#374151;text-decoration:none;font-size:14px;border:none;background:none;width:100%;border-radius:8px;cursor:pointer;transition:background 0.15s}.share-item:hover{background:#f3f4f6}.share-item svg{flex-shrink:0}@media (max-width:768px){.action-icon-btn{width:48px;height:48px}.share-menu{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;border-radius:16px 16px 0 0;padding:16px}}/* ===================================================== ARTICLE RATING - Compact & Stylish ===================================================== */.article-rating{background:#f9fafb;border-radius:12px;padding:20px 24px;margin:30px 0;text-align:center}.article-rating__title{font-size:15px;font-weight:500;color:#374151;margin:0 0 16px}.article-rating__buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.rating-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid #e5e7eb;border-radius:24px;background:white;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.rating-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.rating-btn--yes:hover{background:#10b981;border-color:#10b981;color:white}.rating-btn--no:hover{background:#6b7280;border-color:#6b7280;color:white}.rating-btn--yes.voted{background:#10b981;border-color:#10b981;color:white}.rating-btn--no.voted{background:#6b7280;border-color:#6b7280;color:white}.article-rating__stars{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.rating-label{font-size:13px;color:#6b7280}.star-rating{display:flex;gap:4px}.star-btn{background:none;border:none;font-size:24px;color:#d1d5db;cursor:pointer;transition:all 0.15s;padding:4px;line-height:1}.star-btn:hover,.star-btn--active{color:#fbbf24;transform:scale(1.1)}.rating-count{font-size:12px;color:#9ca3af}.article-rating__stat{font-size:12px;color:#6b7280;margin:12px 0 0}.rating-success{color:#10b981;font-weight:500;padding:12px;background:#ecfdf5;border-radius:8px}.rating-info{color:#6b7280;font-size:13px}.rating-error{color:#ef4444;font-size:13px}@media (max-width:480px){.article-rating{padding:16px}.rating-btn{padding:10px 16px;font-size:13px}.article-rating__buttons{flex-direction:column;gap:8px}.rating-btn{width:100%;justify-content:center}}@keyframes telegram-pulse{0%, 100%{transform:scale(1);box-shadow:0 2px 8px rgba(0, 136, 204, 0.4)}50%{transform:scale(1.05);box-shadow:0 4px 12px rgba(0, 136, 204, 0.6)}}.blog-telegram-float{animation:telegram-pulse 2.5s ease-in-out infinite}.blog-telegram-float:hover{animation:none;transform:scale(1.15)}@keyframes chat-pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.05)}}#openChat{animation:chat-pulse 2s ease-in-out infinite}#openChat:hover{animation:none;transform:scale(1.15)}*/ */.sticky-bottom-cta__btn{display:flex !important;align-items:center !important;gap:10px !important;padding:12px 24px !important;background:linear-gradient(135deg, rgba(138, 43, 226, 0.15) 0%, rgba(186, 85, 211, 0.15) 100%) !important;border:1px solid rgba(138, 43, 226, 0.3) !important;border-radius:30px !important;color:#8B5CF6 !important;font-weight:600 !important;font-size:14px !important;text-decoration:none !important;transition:all 0.3s !important}.sticky-bottom-cta__btn:hover{background:linear-gradient(135deg, rgba(138, 43, 226, 0.25) 0%, rgba(186, 85, 211, 0.25) 100%) !important;transform:scale(1.02) !important}.sticky-bottom-cta__badge{background:#E91E8C !important;color:white !important;padding:4px 8px !important;border-radius:4px !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important}.sticky-bottom-cta__icon{font-size:18px !important}@media (min-width:769px){.sticky-bottom-cta{display:none !important}}}.sticky-promo-bar{display:none !important;position:fixed !important;bottom:0 !important;top:auto !important;left:0 !important;right:0 !important;background:rgba(138, 43, 226, 0.05) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-top:1px solid rgba(138, 43, 226, 0.15) !important;border-bottom:none !important;padding:10px 16px !important;z-index:9995 !important}.sticky-promo-bar .promo-content{color:#8B5CF6 !important}.sticky-promo-bar .promo-btn{background:rgba(138, 43, 226, 0.15) !important;border:1px solid rgba(138, 43, 226, 0.3) !important;color:#8B5CF6 !important}.sticky-promo-bar .promo-text{color:#8B5CF6 !important}.sticky-promo-bar .promo-timer{color:#A855F7 !important}.sticky-promo-bar .promo-close{color:#8B5CF6 !important}.inline-cta--promo{display:none !important}}@media (max-width:768px){.blog-hero__trust{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;z-index:9990 !important;background:rgba(138, 43, 226, 0.05) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:12px !important;margin:0 !important;border-top:1px solid rgba(138, 43, 226, 0.15) !important;display:flex !important;flex-direction:column !important;gap:8px !important}.blog-hero__trust-item{background:rgba(138, 43, 226, 0.1) !important;border:1px solid rgba(138, 43, 226, 0.2) !important;color:#8B5CF6 !important;padding:10px 16px !important;border-radius:8px !important;font-size:14px !important}}.inline-cta,.inline-cta--iphone,.inline-cta--promo{box-sizing:border-box}@media (max-width:768px){.inline-cta, .inline-cta--iphone, .inline-cta--promo{padding:20px 15px !important;margin:20px 0 !important;border-radius:12px !important}.inline-cta__promo-title{font-size:1.2em !important}.inline-cta__promo-badge{font-size:0.85em !important;padding:6px 12px !important}.inline-cta a, .inline-cta button{width:100% !important;text-align:center !important;padding:14px 20px !important;font-size:15px !important}}@media (max-width:480px){.inline-cta, .inline-cta--iphone, .inline-cta--promo{padding:16px 12px !important}.inline-cta__promo-title{font-size:1.1em !important}}.blog-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:12px 0;background:linear-gradient(135deg, #1e3a5f, #2d4a6f);box-shadow:0 -4px 20px rgba(0,0,0,0.3)}.blog-sticky-bar--iphone{background:linear-gradient(135deg, #0a0a0f, #1a1a2e);border-top:2px solid #ff6b00}.blog-sticky-bar__content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;gap:15px}.blog-sticky-bar__text{color:#fff;font-weight:600;font-size:15px}.blog-sticky-bar__btn{background:linear-gradient(135deg, #ff6b00, #ff8c00);color:#fff;padding:10px 24px;border-radius:50px;border:none;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}@media (max-width:768px){.blog-sticky-bar__content{flex-direction:column;gap:10px;padding:0 15px}.blog-sticky-bar__text{font-size:13px;text-align:center}.blog-sticky-bar__btn{width:100%;text-align:center;padding:12px 20px}}.exit-intent-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:10000;justify-content:center;align-items:center}.exit-intent-overlay.show{display:flex}.exit-intent-modal{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative;text-align:center;animation:slideUp 0.3s ease}.exit-intent-content--iphone{background:linear-gradient(135deg, #0a0a0f, #1a1a2e);border-radius:16px;padding:30px;color:#fff}.exit-intent-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1}.exit-intent-title{font-size:24px;margin-bottom:15px;color:#1e3a5f}.exit-intent-content--iphone .exit-intent-title{color:#ff6b00}.exit-intent-text{font-size:16px;color:#555;margin-bottom:25px}.exit-intent-content--iphone .exit-intent-text{color:#e0e0e0}.exit-intent-btn{display:inline-block;background:linear-gradient(135deg, #ff6b00, #ff8c00);color:#fff;padding:14px 32px;border-radius:50px;border:none;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.exit-intent-modal{padding:30px 20px;margin:20px}.exit-intent-title{font-size:20px}.exit-intent-text{font-size:14px}.exit-intent-btn{width:100%;padding:14px 20px}}@media (max-width:480px){.exit-intent-modal{padding:25px 15px}.exit-intent-title{font-size:18px}}.payment-article-banner{box-sizing:border-box}@media (max-width:768px){.payment-article-banner{padding:20px 15px !important;margin:20px 0 !important}.payment-article-banner h2{font-size:22px !important}.payment-article-banner p{font-size:15px !important}.payment-article-banner .btn{width:100% !important;padding:14px 20px !important}}.cta-box{box-sizing:border-box}@media (max-width:768px){.cta-box{padding:25px 20px !important;margin:25px 0 !important}.cta-box h3{font-size:20px !important}.cta-box a{width:100% !important;display:block !important;text-align:center !important}}