html,body{max-width:100%;overflow-x:hidden !important}*{box-sizing:border-box;font-family:'Cairo',sans-serif}body{overflow-x:hidden !important;color:#2C3E50;max-width:100vw}.container-fluid,.row{max-width:100%}:root{--primary-color:#1E90FF;--secondary-color:#40E0D0;--dark-color:#2C3E50;--light-color:#F8F9FA;--gradient:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%)}html{scroll-behavior:smooth}.navbar{transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.navbar.scrolled{background-color:#fff !important;box-shadow:0 2px 20px rgba(0,0,0,0.1)}.navbar-brand img{transition:transform 0.3s ease}.navbar-brand:hover img{transform:scale(1.05)}.nav-link{font-weight:600;position:relative;transition:color 0.3s ease;padding:0.5rem 1rem !important}.nav-link:hover,.nav-link.active{color:var(--primary-color) !important}.nav-link::after{content:'';position:absolute;width:0;height:3px;bottom:0;right:50%;background:var(--gradient);transition:all 0.3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%;right:0}.navbar .d-flex.gap-2{gap:0.5rem !important}.navbar .btn-sm{font-size:0.875rem;padding:0.4rem 0.8rem;white-space:nowrap}@media (max-width:991px){.navbar .d-flex.gap-2{flex-direction:column;width:100%;margin-top:1rem}}.btn-primary{background:var(--gradient);border:none;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(30,144,255,0.4)}.btn-outline-success:hover{background-color:#198754;border-color:#198754;color:white}.hero-section{position:relative;overflow:hidden;max-width:100%}.hero-section::before{content:'';position:absolute;width:500px;height:500px;background:rgba(255,255,255,0.1);border-radius:50%;top:-200px;left:-200px;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(20px)}}.card{border:none;border-radius:12px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column}.hover-card{cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease}.hover-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.2) !important}.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image{position:relative;height:220px;overflow:hidden;background:#f8f9fa;display:block;text-decoration:none;flex-shrink:0}.card-img-wrapper img,.system-image img,.product-image img,.system-image img{width:100%;height:100%;object-fit:contain !important;padding:3px !important;transform:scale(1.12) !important;transition:transform 0.3s ease}.hover-card:hover .product-image img,.hover-card:hover .system-image img{transform:scale(1.17) !important}.portfolio-image img,.blog-image img,.portfolioSwiper .card-img-wrapper img{object-fit:cover !important;padding:0 !important;transform:scale(1) !important}.hover-card:hover .portfolio-image img,.hover-card:hover .blog-image img{transform:scale(1.05) !important}article .overflow-hidden{height:220px !important;overflow:hidden}article .overflow-hidden img{width:100%;height:100%;object-fit:cover !important;padding:0 !important}.card-img-placeholder,.system-placeholder,.product-placeholder,.portfolio-placeholder,.blog-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:white}.system-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.product-placeholder{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.portfolio-placeholder{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.blog-placeholder{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.productsSwiper .swiper-slide,.systemsSwiper .swiper-slide,.portfolioSwiper .swiper-slide,.blogSwiper .swiper-slide,.relatedSystemsSwiper .swiper-slide{height:auto !important;display:flex !important}.productsSwiper .card,.systemsSwiper .card,.portfolioSwiper .card,.blogSwiper .card,.relatedSystemsSwiper .card{display:flex !important;flex-direction:column !important;height:100% !important;width:100% !important}.productsSwiper .card-body,.systemsSwiper .card-body,.portfolioSwiper .card-body,.blogSwiper .card-body,.relatedSystemsSwiper .card-body,.system-content,.product-content,.portfolio-content,.blog-content{display:flex !important;flex-direction:column !important;flex-grow:1 !important;padding:1.25rem !important}.card-title,.system-title,.product-title,.portfolio-title,.blog-title{font-size:1.05rem !important;font-weight:700 !important;line-height:1.4 !important;min-height:2.8em !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;margin-bottom:0.75rem !important;text-align:center !important}.card-title a,.system-title a,.product-title a,.portfolio-title a,.blog-title a{color:#212529;text-decoration:none;transition:color 0.3s ease;display:block;text-align:center !important}.card-title a:hover,.system-title a:hover,.product-title a:hover,.portfolio-title a:hover,.blog-title a:hover{color:#667eea}.card-body > .badge:first-child,.system-badge,.discount-badge,.portfolio-badge,.blog-date,.blog-category{display:block;width:fit-content;margin:0 auto 0.75rem;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:600}.system-badge,.discount-badge,.portfolio-badge,.blog-date{position:absolute;z-index:2}.system-badge{top:10px;right:10px;background:#17a2b8;color:white}.discount-badge{position:absolute;top:10px;left:10px;background:#dc3545;color:white;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:600;z-index:2}.portfolio-badge{top:10px;right:10px;background:#ffc107;color:#212529}.blog-date{bottom:10px;right:10px;background:rgba(0,0,0,0.7);color:white;backdrop-filter:blur(5px)}.blog-category{background:#dc3545;color:white}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:1}.hover-card:hover .portfolio-overlay{opacity:1}.view-project-btn{background:white;color:#212529;padding:0.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.5rem;transform:translateY(10px);transition:transform 0.3s ease}.hover-card:hover .view-project-btn{transform:translateY(0)}.system-footer,.product-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #e9ecef}.system-price,.product-price{margin-bottom:1rem;text-align:center}.price-label{display:block;font-size:0.75rem;color:#6c757d;margin-bottom:0.25rem}.price-value,.current-price,.new-price{display:block;font-size:1.5rem;font-weight:800;color:#28a745}.old-price{display:block;font-size:0.9rem;color:#6c757d;text-decoration:line-through;margin-bottom:0.25rem}.price-custom{display:block;font-size:0.95rem;color:#6c757d;font-weight:600}.btn-view-system,.btn-add-cart,.btn-read-more{display:block;width:100%;padding:0.65rem;text-align:center;text-decoration:none;border-radius:10px;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;border:none;cursor:pointer;margin-top:auto}.btn-view-system{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-add-cart{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:white}.btn-read-more{background:transparent;color:#dc3545;border:2px solid #dc3545;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn-view-system:hover,.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:white}.btn-read-more:hover{background:#dc3545;color:white}.btn-read-more:hover i{transform:translateX(-3px)}.swiper-button-next,.swiper-button-prev{background:white;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.15)}.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;font-weight:bold}.systemsSwiper .swiper-button-next:after,.systemsSwiper .swiper-button-prev:after,.relatedSystemsSwiper .swiper-button-next:after,.relatedSystemsSwiper .swiper-button-prev:after{color:#17a2b8}.productsSwiper .swiper-button-next:after,.productsSwiper .swiper-button-prev:after{color:#28a745}.portfolioSwiper .swiper-button-next:after,.portfolioSwiper .swiper-button-prev:after{color:#ffc107}.blogSwiper .swiper-button-next:after,.blogSwiper .swiper-button-prev:after{color:#dc3545}.swiper-pagination{display:none !important}.systemsSwiper,.productsSwiper,.portfolioSwiper,.blogSwiper,.relatedSystemsSwiper{padding-bottom:20px !important}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:30px;left:30px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:100;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.whatsapp-float:hover{background-color:#128C7E;transform:scale(1.1);color:#FFF}footer{background:linear-gradient(135deg,#2C3E50 0%,#34495E 100%)}footer a:hover{color:var(--secondary-color) !important}.breadcrumb{background:transparent;padding:0;margin-bottom:0}.breadcrumb-item + .breadcrumb-item::before{content:"/";color:#6c757d}.breadcrumb-item a{color:var(--primary-color);text-decoration:none}.breadcrumb-item a:hover{color:var(--secondary-color)}.page-header-systems{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:3rem 0;color:white;margin-bottom:2rem}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem}.page-subtitle{font-size:1.1rem;opacity:0.9}.systems-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{background:rgba(255,255,255,0.15);padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(10px)}.stat-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-number{font-size:1.8rem;font-weight:800}.stat-label{font-size:0.9rem;opacity:0.9}.systems-filters{background:#f8f9fa;padding:2rem 0;margin-bottom:2rem}.filters-form{background:white;padding:1.5rem;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:1.5rem}.results-info{text-align:center;color:#6c757d;font-size:0.95rem}.clear-search{color:#dc3545;text-decoration:none}.clear-search:hover{text-decoration:underline}.systems-grid{padding:2rem 0 4rem}.system-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column}.system-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.no-results{text-align:center;padding:4rem 2rem}.no-results-icon{font-size:5rem;color:#dee2e6;margin-bottom:1.5rem}.pagination-nav{margin-top:3rem;display:flex;justify-content:center}.pagination{display:flex;gap:0.5rem;list-style:none;padding:0}.page-link{padding:0.75rem 1.25rem;background:white;border:2px solid #e9ecef;color:#495057;text-decoration:none;border-radius:10px;font-weight:600;transition:all 0.3s ease}.page-link:hover{background:#667eea;border-color:#667eea;color:white}.page-item.active .page-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:white}.page-item.disabled .page-link{background:transparent;border-color:transparent;color:#6c757d}.systems-cta{padding:3rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.cta-box{color:white}.cta-title{font-size:2rem;font-weight:800}.cta-text{font-size:1.1rem;opacity:0.9}.quote-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);overflow:hidden;top:100px}.quote-card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;text-align:center;color:white}.quote-icon{width:70px;height:70px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;backdrop-filter:blur(10px)}.quote-icon i{font-size:2rem}.quote-card-title{font-size:1.4rem;font-weight:700;margin-bottom:0.5rem}.quote-card-subtitle{font-size:0.9rem;opacity:0.9;margin:0}.quote-price-box{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:1.5rem;text-align:center;border-bottom:3px solid #667eea}.price-custom{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:1rem;font-weight:600;color:#495057}.price-custom i{font-size:1.5rem;color:#667eea}.quote-form{padding:1.5rem}.form-group{margin-bottom:1rem}.input-with-icon{position:relative}.input-with-icon i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#667eea;font-size:1rem;z-index:1}.textarea-icon i{top:15px;transform:none}.input-with-icon .form-control{padding-right:45px;border:2px solid #e9ecef;border-radius:12px;transition:all 0.3s ease;font-size:0.9rem}.input-with-icon .form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);outline:none}.input-with-icon textarea.form-control{resize:none;padding-top:12px}.btn-submit-quote{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;color:white;font-size:1.05rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.btn-submit-quote:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-submit-quote i{transition:transform 0.3s ease}.btn-submit-quote:hover i{transform:translateX(-5px)}.quote-divider{text-align:center;padding:1.5rem 1.5rem 1rem;position:relative}.quote-divider::before{content:'';position:absolute;top:50%;left:1.5rem;right:1.5rem;height:1px;background:#e9ecef}.quote-divider span{background:white;padding:0 1rem;color:#6c757d;font-size:0.85rem;position:relative;z-index:1;font-weight:500}.quote-contact-methods{padding:0 1.5rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.contact-method{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem;border-radius:12px;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.3s ease}.contact-method i{font-size:1.5rem}.contact-method.whatsapp{background:#e8f5e9;color:#25d366}.contact-method.whatsapp:hover{background:#25d366;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(37,211,102,0.3)}.contact-method.phone{background:#e3f2fd;color:#2196f3}.contact-method.phone:hover{background:#2196f3;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(33,150,243,0.3)}.quote-features{background:#f8f9fa;padding:1.5rem;border-top:1px solid #e9ecef}.feature-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.85rem;color:#495057}.feature-item i{color:#28a745;font-size:1rem}@media (max-width:768px){.page-title{font-size:1.8rem}.systems-stats{grid-template-columns:1fr;margin-top:1.5rem}.filters-form{padding:1rem}.system-image,.product-image,.portfolio-image,.blog-image{height:180px}.cta-title{font-size:1.5rem}.systems-cta .btn{margin-top:1rem}.col-lg-8 h1{text-align:center !important;font-size:1.5rem !important}.col-lg-8 > div:first-child{text-align:center !important}.col-lg-8 .card-header{text-align:center !important}.col-lg-8 .card-header h2,.col-lg-8 .card-header h5{text-align:center !important;font-size:1.1rem !important}.col-lg-8 .card-body p{text-align:right !important}.col-lg-8 .alert-info h6,.col-lg-8 .card-body h5{text-align:center !important}}@media (max-width:576px){.stat-item{padding:1rem}.stat-icon{width:50px;height:50px}.stat-number{font-size:1.5rem}.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image,.system-placeholder,.product-placeholder,.portfolio-placeholder,.blog-placeholder,article .overflow-hidden{height:160px !important}.card-body,.system-content,.product-content,.portfolio-content,.blog-content{padding:0.85rem !important}.card-title,.system-title,.product-title,.portfolio-title,.blog-title{min-height:2.4em !important;font-size:0.9rem !important}.btn,.btn-view-system,.btn-add-cart,.btn-read-more{font-size:0.8rem !important;padding:0.5rem !important}.price-value,.current-price,.new-price{font-size:1.2rem !important}.whatsapp-float{width:50px;height:50px;bottom:20px;left:20px;font-size:24px}.pagination{flex-wrap:wrap}.page-link{padding:0.5rem 0.75rem;font-size:0.9rem}.quote-card-header{padding:1.5rem}.quote-icon{width:60px;height:60px}.quote-icon i{font-size:1.5rem}.quote-card-title{font-size:1.2rem}.quote-contact-methods{grid-template-columns:1fr}.col-lg-8 .badge{font-size:0.75rem !important;padding:0.4rem 0.8rem !important}.col-lg-8 .card-body{padding:1rem !important}.col-lg-8 .mb-4 img{max-height:300px !important;border-radius:15px !important}}@media (min-width:577px) and (max-width:768px){.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image,.system-placeholder,.product-placeholder,.portfolio-placeholder,.blog-placeholder,article .overflow-hidden{height:180px !important}}@media (max-width:991px){.quote-card{position:relative !important;top:0 !important;margin-bottom:2rem}}@media (min-width:1200px){.relatedSystemsSwiper .card-img-wrapper{height:240px !important}}.page-header-products{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);padding:3rem 0;color:white;margin-bottom:2rem}.products-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.products-filters{background:#f8f9fa;padding:2rem 0;margin-bottom:2rem}.products-grid{padding:2rem 0 4rem}.products-cta{padding:3rem 0;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.featured-badge{position:absolute;top:10px;right:10px;background:#ffc107;color:#212529;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:600;z-index:2}@media (max-width:768px){.page-header-products .page-title{font-size:1.8rem}.products-stats{grid-template-columns:1fr;margin-top:1.5rem}}@media (max-width:576px){.products-stats .stat-item{padding:1rem}.products-stats .stat-icon{width:50px;height:50px}.products-stats .stat-number{font-size:1.5rem}}.page-header-portfolio{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:3rem 0;color:white;margin-bottom:2rem}.portfolio-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.portfolio-filters{background:#f8f9fa;padding:2rem 0;margin-bottom:2rem}.portfolio-grid{padding:2rem 0 4rem}.portfolio-cta{padding:3rem 0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.portfolio-client{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:#6c757d;margin-top:auto;padding-top:0.75rem;border-top:1px solid #e9ecef}.portfolio-client i{color:#f093fb}@media (max-width:768px){.page-header-portfolio .page-title{font-size:1.8rem}.portfolio-stats{grid-template-columns:1fr;margin-top:1.5rem}}@media (max-width:576px){.portfolio-stats .stat-item{padding:1rem}.portfolio-stats .stat-icon{width:50px;height:50px}.portfolio-stats .stat-number{font-size:1.5rem}}.portfolio-image{position:relative;height:220px;overflow:hidden;background:#f8f9fa;display:block;text-decoration:none;flex-shrink:0}.portfolio-image img{width:100%;height:100%;object-fit:cover !important;padding:0 !important;transform:scale(1) !important;transition:transform 0.3s ease}.hover-card:hover .portfolio-image img{transform:scale(1.05) !important}.portfolioSwiper .card-img-wrapper{height:220px;overflow:hidden;background:#f8f9fa}.portfolioSwiper .card-img-wrapper img{width:100%;height:100%;object-fit:cover !important;padding:0 !important;transform:scale(1) !important}.portfolioSwiper .hover-card:hover img{transform:scale(1.05) !important}.product-details .product-image img{max-height:500px;object-fit:contain !important;padding:20px;background:#fff;border-radius:20px !important}.price-display{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:1.5rem;border-radius:15px;border:3px solid #28a745}.purchase-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.purchase-buttons form{width:100%}.purchase-buttons .btn{font-weight:700;padding:1rem;font-size:1.1rem;border-radius:12px;transition:all 0.3s ease}.purchase-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.share-buttons .btn{min-width:120px;font-weight:600;border-radius:10px;transition:all 0.3s ease}.share-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.features-section{background:#f8f9fa;padding:2rem;border-radius:15px}.feature-item{padding:1.5rem;background:white;border-radius:12px;transition:all 0.3s ease;height:100%}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.feature-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.icon-success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#28a745}.icon-info{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);color:#17a2b8}.icon-danger{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);color:#dc3545}.icon-warning{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);color:#ffc107}.affiliate-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.affiliate-icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.affiliate-banner .btn-light{font-weight:700;border:none;transition:all 0.3s ease}.affiliate-banner .btn-light:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.related-products-section{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.related-section-title{text-align:center;font-size:2rem;font-weight:800;margin-bottom:3rem;color:#2C3E50}.related-section-title i{color:#dc3545;margin-left:0.5rem}.related-product-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column}.related-product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.2)}.related-product-image{position:relative;height:220px;overflow:hidden;background:#f8f9fa}.related-product-image img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform 0.3s ease}.related-product-card:hover .related-product-image img{transform:scale(1.1)}.discount-badge,.new-badge{position:absolute;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:700;z-index:2}.discount-badge{top:10px;left:10px;background:#dc3545;color:white}.new-badge{top:10px;right:10px;background:#ffc107;color:#212529}.related-card-body{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.related-card-title{font-size:1rem;font-weight:700;margin-bottom:0.75rem;min-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;color:#2C3E50}.product-rating{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:0.75rem}.stars{color:#ffc107;font-size:0.9rem}.rating-count{font-size:0.85rem;color:#6c757d}.related-price-container{text-align:center;margin-bottom:1rem}.related-current-price{font-size:1.4rem;font-weight:800;color:#28a745;display:block}.related-old-price{font-size:0.9rem;color:#6c757d;text-decoration:line-through;margin-right:0.5rem}.related-card-footer{padding:0 1.25rem 1.25rem;display:flex;gap:0.75rem}.related-btn{flex:1;padding:0.75rem;border:none;border-radius:10px;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none}.related-btn-cart{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:white}.related-btn-cart:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(17,153,142,0.4);color:white}.related-btn-view{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.related-btn-view:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,0.4);color:white}.related-swiper .swiper-button-next,.related-swiper .swiper-button-prev{background:white;width:50px;height:50px;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.3s ease}.related-swiper .swiper-button-next:after,.related-swiper .swiper-button-prev:after{font-size:20px;font-weight:bold;color:#11998e}.related-swiper .swiper-button-next:hover,.related-swiper .swiper-button-prev:hover{background:#11998e;transform:scale(1.1)}.related-swiper .swiper-button-next:hover:after,.related-swiper .swiper-button-prev:hover:after{color:white}.related-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#11998e;opacity:0.3}.related-swiper .swiper-pagination-bullet-active{opacity:1;width:30px;border-radius:6px}@media (max-width:768px){.product-details .product-image img{max-height:350px;padding:15px}.purchase-buttons{grid-template-columns:1fr}.share-buttons .btn{min-width:auto;flex:1}.related-section-title{font-size:1.5rem;margin-bottom:2rem}.feature-icon{width:60px;height:60px;font-size:1.5rem}.affiliate-banner .col-lg-1{display:none}}@media (max-width:576px){.product-details .product-image img{max-height:300px;padding:10px}.price-display{padding:1rem}.purchase-buttons .btn{padding:0.75rem;font-size:0.95rem}.features-section{padding:1rem}.feature-item{padding:1rem}.related-product-image{height:180px}.related-card-title{font-size:0.9rem;min-height:2.4em}.related-current-price{font-size:1.2rem}.related-btn{padding:0.6rem;font-size:0.85rem}.related-swiper .swiper-button-next,.related-swiper .swiper-button-prev{width:40px;height:40px}.related-swiper .swiper-button-next:after,.related-swiper .swiper-button-prev:after{font-size:16px}}@media (min-width:577px) and (max-width:768px){.related-product-image{height:200px}}.product-details h1{font-size:1.8rem !important}.price-display .h2{font-size:1.6rem !important}.price-display .h4{font-size:1.2rem !important}@media (max-width:768px){.product-details h1{font-size:1.4rem !important}.price-display .h2{font-size:1.3rem !important}.price-display .h4{font-size:1rem !important}}@media (max-width:576px){.product-details h1{font-size:1.2rem !important}.price-display .h2{font-size:1.1rem !important}.price-display .h4{font-size:0.9rem !important}}.feature-icon{width:70px;height:70px;border-radius:12px !important;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem;transition:all 0.3s ease}.feature-item:hover .feature-icon{transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.feature-icon{width:60px;height:60px;font-size:1.5rem}}section.related-products-section .related-product-image img{width:100% !important;height:100% !important;object-fit:contain !important;padding:10px !important;transform:scale(1.1) !important;transition:transform 0.3s ease !important}section.related-products-section .related-product-card:hover .related-product-image img{transform:scale(1.15) !important}section.related-products-section .new-badge{background:#17a2b8 !important;color:white !important}section.related-products-section .swiper-button-next:after,section.related-products-section .swiper-button-prev:after{color:#17a2b8 !important}section.related-products-section .swiper-button-next:hover,section.related-products-section .swiper-button-prev:hover{background:#17a2b8 !important}section.related-products-section .swiper-button-next:hover:after,section.related-products-section .swiper-button-prev:hover:after{color:white !important}section.related-products-section .related-btn-view{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%) !important}section.related-products-section .related-btn-view:hover{box-shadow:0 5px 15px rgba(23,162,184,0.4) !important}section.related-products-section .related-current-price{font-size:1.1rem !important;font-weight:800 !important;color:#17a2b8 !important}.related-products-section .related-product-image{height:220px !important;background:#f8f9fa !important}.price-display{background:transparent !important;padding:0 !important;border-radius:0 !important;border:none !important;text-align:center}@media (max-width:768px){.page-title,.related-section-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:1.5rem !important}.systems-stats,.products-stats,.portfolio-stats{grid-template-columns:1fr !important;gap:0.75rem !important;margin-top:1rem !important}.stat-item{padding:1rem !important;border-radius:12px !important}.stat-icon{width:50px !important;height:50px !important;font-size:1.2rem !important}.stat-number{font-size:1.3rem !important}.stat-label{font-size:0.8rem !important}.filters-form{padding:1rem !important;border-radius:12px !important}.filters-form .form-label{font-size:0.85rem !important;margin-bottom:0.4rem !important}.filters-form .form-control,.filters-form .form-select{font-size:0.9rem !important;padding:0.6rem 0.8rem !important}.filters-form .btn{font-size:0.9rem !important;padding:0.65rem 1rem !important}.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image{height:170px !important}.card-body{padding:1rem !important}.card-title{font-size:0.95rem !important;min-height:2.6em !important;line-height:1.3 !important}.badge,.system-badge,.discount-badge,.featured-badge,.portfolio-badge{font-size:0.7rem !important;padding:0.35rem 0.65rem !important}.price-value,.current-price,.new-price,.related-current-price{font-size:1.1rem !important}.old-price,.related-old-price{font-size:0.8rem !important}.btn,.btn-view-system,.btn-add-cart,.btn-read-more,.related-btn{font-size:0.85rem !important;padding:0.55rem 0.75rem !important}.systems-cta,.products-cta,.portfolio-cta{padding:2rem 0 !important}.cta-title{font-size:1.3rem !important;margin-bottom:0.75rem !important}.cta-text{font-size:0.95rem !important}.pagination{flex-wrap:wrap !important;gap:0.35rem !important;justify-content:center !important}.page-link{padding:0.5rem 0.7rem !important;font-size:0.85rem !important;min-width:38px !important}.related-products-section{padding:2.5rem 0 !important}.related-product-image{height:160px !important}.related-card-title{font-size:0.9rem !important;min-height:2.4em !important}.related-current-price{font-size:1rem !important}.swiper-button-next,.swiper-button-prev{width:35px !important;height:35px !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px !important}}@media (max-width:576px){.page-title,.related-section-title{font-size:1.25rem !important}.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image{height:150px !important}.card-body{padding:0.75rem !important}.card-title{font-size:0.85rem !important}.btn,.btn-view-system,.btn-add-cart{font-size:0.8rem !important;padding:0.5rem 0.65rem !important}.stat-item{padding:0.75rem !important}.stat-icon{width:45px !important;height:45px !important;font-size:1.1rem !important}.stat-number{font-size:1.2rem !important}.filters-form{padding:0.75rem !important}.filters-form .btn{width:100% !important;margin-top:0.5rem !important}.related-product-image{height:140px !important}.related-card-title{font-size:0.85rem !important;line-height:1.3 !important}.related-btn{font-size:0.8rem !important;padding:0.5rem !important}.swiper-button-next,.swiper-button-prev{width:32px !important;height:32px !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:12px !important}.row.g-4{--bs-gutter-x:0.75rem !important;--bs-gutter-y:0.75rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.mb-4{margin-bottom:1rem !important}.results-info{font-size:0.85rem !important;padding:0.75rem !important}.portfolio-client{font-size:0.8rem !important;padding-top:0.5rem !important}}@media (min-width:577px) and (max-width:768px){.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image{height:180px !important}.related-product-image{height:170px !important}}@media (min-width:769px) and (max-width:991px){.page-title{font-size:2rem !important}.card-img-wrapper,.system-image,.product-image,.portfolio-image,.blog-image{height:200px !important}}.products-grid .row > div{flex:0 0 auto}@media (max-width:767px){.products-grid .row > div{width:50% !important}}@media (min-width:768px) and (max-width:991px){.products-grid .row > div{width:33.333% !important}}@media (min-width:992px){.products-grid .row > div{width:25% !important}}.products-grid .row > div,.systems-grid .row > div,.portfolio-grid .row > div{flex:0 0 auto}@media (max-width:767px){.products-grid .row > div,.systems-grid .row > div,.portfolio-grid .row > div{width:50% !important}}@media (min-width:768px) and (max-width:991px){.products-grid .row > div,.systems-grid .row > div,.portfolio-grid .row > div{width:33.333% !important}}@media (min-width:992px){.products-grid .row > div,.systems-grid .row > div,.portfolio-grid .row > div{width:25% !important}}.search-box .input-group{box-shadow:0 3px 15px rgba(0,0,0,0.1);border-radius:12px;overflow:hidden}.search-box .form-control{border:none;padding:1rem 1.5rem;font-size:1rem}.search-box .btn{padding:0 2rem;border:none}.blog-card{border-radius:15px;overflow:hidden;transition:all 0.3s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.15) !important}.blog-card-image{position:relative;height:250px;overflow:hidden;display:block;background:#f8f9fa}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-category{position:absolute;top:15px;right:15px;background:rgba(220,53,69,0.95);color:white;padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;backdrop-filter:blur(5px)}.blog-card-meta{font-size:0.85rem}.blog-card-title{font-size:1.1rem;font-weight:700;line-height:1.4}.blog-card-title a{color:#2C3E50;text-decoration:none;transition:color 0.3s ease}.blog-card-title a:hover{color:#1E90FF}.blog-sidebar{position:sticky;top:100px}.sidebar-widget{margin-bottom:2rem}.sidebar-widget-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#2C3E50}.recent-post-item{display:flex;gap:1rem;padding:1rem;text-decoration:none;color:inherit;transition:all 0.3s ease;border-bottom:1px solid #e9ecef}.recent-post-item:last-child{border-bottom:none}.recent-post-item:hover{background:#f8f9fa}.recent-post-image{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0}.recent-post-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:white;font-size:1.5rem}.recent-post-content{flex:1}.recent-post-title{font-size:0.9rem;font-weight:600;line-height:1.4;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cta-widget{background:linear-gradient(135deg,#1E90FF 0%,#40E0D0 100%)}.cta-icon{width:70px;height:70px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:white}.affiliate-widget{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.affiliate-icon{width:70px;height:70px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:white}.list-group-item.active{background:linear-gradient(135deg,#1E90FF 0%,#40E0D0 100%);border-color:transparent}@media (max-width:991px){.blog-sidebar{position:relative;top:0;margin-top:3rem}}@media (max-width:768px){.blog-card-image{height:200px}.search-box .form-control{padding:0.75rem 1rem;font-size:0.9rem}.search-box .btn{padding:0 1.5rem}}.post-content{font-size:1.1rem;line-height:1.8;color:#333}.post-content h2,.post-content h3,.post-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:700}.post-content h2{font-size:2rem;border-bottom:2px solid #0d6efd;padding-bottom:0.5rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content p{margin-bottom:1.5rem}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-right:2rem}.post-content li{margin-bottom:0.5rem}.post-content blockquote{border-right:4px solid #0d6efd;padding:1rem 1.5rem;margin:2rem 0;background:#f8f9fa;border-radius:4px;font-style:italic}.post-content a{color:#0d6efd;text-decoration:underline}.post-content a:hover{color:#0a58ca}.post-content pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;direction:ltr;text-align:left}.post-content code{background:#f8f9fa;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Courier New',monospace;color:#d63384}.post-content table{width:100%;margin:2rem 0;border-collapse:collapse}.post-content table td,.post-content table th{border:1px solid #dee2e6;padding:0.75rem}.post-content table th{background:#f8f9fa;font-weight:700}.hover-bg-light:hover{background:#f8f9fa;transition:background 0.3s ease}.btn-outline-primary:hover,.btn-outline-info:hover,.btn-outline-success:hover,.btn-outline-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-facebook{background:linear-gradient(135deg,#1877f2 0%,#0d5dbf 100%);color:white;border:none}.btn-facebook:hover{background:linear-gradient(135deg,#0d5dbf 0%,#1877f2 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,0.4)}.btn-twitter{background:linear-gradient(135deg,#1da1f2 0%,#0c85d0 100%);color:white;border:none}.btn-twitter:hover{background:linear-gradient(135deg,#0c85d0 0%,#1da1f2 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,161,242,0.4)}.btn-whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:white;border:none}.btn-whatsapp:hover{background:linear-gradient(135deg,#128c7e 0%,#25d366 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,0.4)}.btn-linkedin{background:linear-gradient(135deg,#0077b5 0%,#005582 100%);color:white;border:none}.btn-linkedin:hover{background:linear-gradient(135deg,#005582 0%,#0077b5 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,181,0.4)}.btn-copy{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:white;border:none}.btn-copy:hover{background:linear-gradient(135deg,#495057 0%,#6c757d 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,0.4)}.bg-gradient-primary{background:linear-gradient(135deg,#0d6efd 0%,#0a58ca 100%)}.btn-read-more{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);color:white;border:none;padding:0.5rem 1rem;border-radius:25px;font-weight:600;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn-read-more:hover{background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,0.4)}.btn-read-more i{transition:transform 0.3s ease}.btn-read-more:hover i{transform:translateX(-5px)}@media (max-width:576px){.btn-facebook,.btn-twitter,.btn-whatsapp,.btn-linkedin,.btn-copy{padding:0.5rem;font-size:1.2rem}}.blog-banner{position:relative;overflow:hidden}.blog-banner::before{content:'';position:absolute;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%;top:-100px;right:-100px;animation:float 6s ease-in-out infinite}.blog-banner::after{content:'';position:absolute;width:200px;height:200px;background:rgba(255,255,255,0.1);border-radius:50%;bottom:-50px;left:-50px;animation:float 8s ease-in-out infinite reverse}.stat-box{backdrop-filter:blur(10px);transition:transform 0.3s ease}.stat-box:hover{transform:translateY(-5px)}@media (max-width:991px){.blog-banner h2{font-size:1.5rem}.stat-box{padding:1rem !important}.stat-box h4{font-size:1.2rem}}.blog-banner .stat-box{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;justify-content:center}.blog-banner .stat-box:hover{background:rgba(255,255,255,0.3) !important;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.blog-banner a{text-decoration:none}.blog-banner a .stat-box{color:white}.blog-banner .breadcrumb{background:transparent;padding:0;margin-bottom:1.5rem}.blog-banner .breadcrumb-item + .breadcrumb-item::before{content:"/";color:rgba(255,255,255,0.7);padding:0 0.5rem}.blog-banner .breadcrumb-item a{color:rgba(255,255,255,0.9);text-decoration:none;transition:all 0.3s ease;font-weight:500}.blog-banner .breadcrumb-item a:hover{color:#fff;text-decoration:underline}.blog-banner .breadcrumb-item.active{color:#fff;font-weight:600}@keyframes float-banner{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(20px) rotate(5deg)}}.blog-banner::before,.blog-banner::after{animation-duration:8s}.card .fa-user-circle,.card .fa-user-lock{color:var(--primary-color)}.card .btn-primary{background:var(--gradient);border:none}.card .btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.card .btn-outline-primary:hover{background:var(--gradient);border-color:transparent;color:white}.card .btn-outline-danger{color:#dc3545;border-color:#dc3545}.card .btn-outline-danger:hover{background:#dc3545;color:white}.bg-gradient-primary{background:linear-gradient(135deg,#1E90FF 0%,#40E0D0 100%) !important}@media (max-width:991px){.blog-banner .breadcrumb{margin-bottom:1rem;font-size:0.85rem}.blog-banner h2{font-size:1.5rem}.blog-banner .stat-box{padding:0.75rem !important}.blog-banner .stat-box h4{font-size:1.2rem}.blog-banner .stat-box h6{font-size:0.9rem}.blog-banner .stat-box small{font-size:0.75rem}}@media (max-width:576px){.blog-banner .breadcrumb{font-size:0.75rem}.blog-banner .breadcrumb-item.active{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-banner h2{font-size:1.25rem}.blog-banner p{font-size:0.85rem}.blog-banner .stat-box{padding:0.5rem !important}.blog-banner .stat-box .fa-2x{font-size:1.5rem}.blog-banner .stat-box h4{font-size:1rem}.blog-banner .stat-box h6{font-size:0.8rem}.blog-banner .stat-box small{font-size:0.7rem}}@media (max-width:768px){.col-lg-4 .card{margin-bottom:1.5rem}.col-lg-4 .card-body{padding:1.25rem}.col-lg-4 .card .fa-user-circle,.col-lg-4 .card .fa-user-lock{font-size:3rem}}.btn-read-more-blog{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;width:100%}.btn-read-more-blog:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-read-more-blog i{transition:transform 0.3s ease;font-size:1.1rem}.btn-read-more-blog:hover i{transform:translateX(-3px)}@media (max-width:768px){.btn-read-more-blog{padding:0.65rem 1.25rem;font-size:0.9rem}}@media (max-width:576px){.btn-read-more-blog{padding:0.6rem 1rem;font-size:0.85rem}.btn-read-more-blog i{font-size:1rem}}.btn-social{width:45px;height:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;border:none;transition:all 0.3s ease;font-size:1.1rem}.btn-social:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3);color:white}.btn-facebook{background:linear-gradient(135deg,#1877f2 0%,#0d5dbf 100%)}.btn-twitter{background:linear-gradient(135deg,#1da1f2 0%,#0c85d0 100%)}.btn-instagram{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.btn-linkedin{background:linear-gradient(135deg,#0077b5 0%,#005582 100%)}.btn-youtube{background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%)}.btn-snapchat{background:linear-gradient(135deg,#fffc00 0%,#ffeb3b 100%);color:#212529 !important}.btn-tiktok{background:linear-gradient(135deg,#010101 0%,#2d2d2d 100%)}@media (max-width:767px){.col-lg-8 .row.g-4 > .col-md-6{width:50% !important;padding-left:0.5rem !important;padding-right:0.5rem !important}.blog-card .card-body{padding:0.75rem !important}.blog-card-title{font-size:0.85rem !important;line-height:1.3 !important;margin-bottom:0.5rem !important}.blog-card-title a{font-size:0.85rem !important}.blog-card .text-muted{font-size:0.75rem !important}.btn-read-more-blog{padding:0.5rem 0.75rem !important;font-size:0.8rem !important}.blog-card-image{height:140px !important}.blog-card-category{font-size:0.65rem !important;padding:0.3rem 0.6rem !important}.blog-card-meta{margin-bottom:0.5rem !important}}@media (max-width:576px){.btn-social{width:40px;height:40px;font-size:1rem}}.btn-read-more-blog{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;width:100%}.btn-read-more-blog:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-read-more-blog i{transition:transform 0.3s ease;font-size:1.1rem}.btn-read-more-blog:hover i{transform:translateX(-3px)}@media (max-width:768px){.btn-read-more-blog{padding:0.65rem 1.25rem;font-size:0.9rem}}@media (max-width:576px){.btn-read-more-blog{padding:0.6rem 1rem;font-size:0.85rem}.btn-read-more-blog i{font-size:1rem}}.blog-banner .stat-box{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;justify-content:center}.blog-banner .stat-box:hover{background:rgba(255,255,255,0.3) !important;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.blog-banner a{text-decoration:none}.blog-banner a .stat-box{color:white}.blog-banner .breadcrumb{background:transparent;padding:0;margin-bottom:1.5rem}.blog-banner .breadcrumb-item + .breadcrumb-item::before{content:"/";color:rgba(255,255,255,0.7);padding:0 0.5rem}.blog-banner .breadcrumb-item a{color:rgba(255,255,255,0.9);text-decoration:none;transition:all 0.3s ease;font-weight:500}.blog-banner .breadcrumb-item a:hover{color:#fff;text-decoration:underline}.blog-banner .breadcrumb-item.active{color:#fff;font-weight:600}@keyframes float-banner{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(20px) rotate(5deg)}}.blog-banner::before,.blog-banner::after{animation-duration:8s}.card .fa-user-circle,.card .fa-user-lock{color:var(--primary-color)}.card .btn-primary{background:var(--gradient);border:none}.card .btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.card .btn-outline-primary:hover{background:var(--gradient);border-color:transparent;color:white}.card .btn-outline-danger{color:#dc3545;border-color:#dc3545}.card .btn-outline-danger:hover{background:#dc3545;color:white}.bg-gradient-primary{background:linear-gradient(135deg,#1E90FF 0%,#40E0D0 100%) !important}@media (max-width:991px){.blog-banner .breadcrumb{margin-bottom:1rem;font-size:0.85rem}.blog-banner h2{font-size:1.5rem}.blog-banner .stat-box{padding:0.75rem !important}.blog-banner .stat-box h4{font-size:1.2rem}.blog-banner .stat-box h6{font-size:0.9rem}.blog-banner .stat-box small{font-size:0.75rem}}@media (max-width:576px){.blog-banner .breadcrumb{font-size:0.75rem}.blog-banner .breadcrumb-item.active{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-banner h2{font-size:1.25rem}.blog-banner p{font-size:0.85rem}.blog-banner .stat-box{padding:0.5rem !important}.blog-banner .stat-box .fa-2x{font-size:1.5rem}.blog-banner .stat-box h4{font-size:1rem}.blog-banner .stat-box h6{font-size:0.8rem}.blog-banner .stat-box small{font-size:0.7rem}}@media (max-width:768px){.col-lg-4 .card{margin-bottom:1.5rem}.col-lg-4 .card-body{padding:1.25rem}.col-lg-4 .card .fa-user-circle,.col-lg-4 .card .fa-user-lock{font-size:3rem}}.btn-social{width:45px;height:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;border:none;transition:all 0.3s ease;font-size:1.1rem}.btn-social:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3);color:white}.btn-facebook{background:linear-gradient(135deg,#1877f2 0%,#0d5dbf 100%)}.btn-twitter{background:linear-gradient(135deg,#1da1f2 0%,#0c85d0 100%)}.btn-instagram{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.btn-linkedin{background:linear-gradient(135deg,#0077b5 0%,#005582 100%)}.btn-youtube{background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%)}.btn-snapchat{background:linear-gradient(135deg,#fffc00 0%,#ffeb3b 100%);color:#212529 !important}.btn-snapchat:hover{color:#212529 !important}.btn-tiktok{background:linear-gradient(135deg,#010101 0%,#2d2d2d 100%)}.btn-read-more-blog{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;width:100%}.btn-read-more-blog:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-read-more-blog i{transition:transform 0.3s ease;font-size:1.1rem}.btn-read-more-blog:hover i{transform:translateX(-3px)}@media (max-width:767px){.col-lg-8 .row.g-4 > .col-md-6{width:50% !important;padding-left:0.5rem !important;padding-right:0.5rem !important}.blog-card .card-body{padding:0.75rem !important}.blog-card-title{font-size:0.85rem !important;line-height:1.3 !important;margin-bottom:0.5rem !important}.blog-card-title a{font-size:0.85rem !important}.blog-card .text-muted{font-size:0.75rem !important}.btn-read-more-blog{padding:0.5rem 0.75rem !important;font-size:0.75rem !important}.btn-read-more-blog i{font-size:0.9rem !important}.blog-card-image{height:140px !important}.blog-card-category{font-size:0.65rem !important;padding:0.3rem 0.6rem !important}.blog-card-meta{margin-bottom:0.5rem !important}}@media (max-width:576px){.btn-social{width:40px;height:40px;font-size:1rem}.blog-card-image{height:120px !important}.btn-read-more-blog{font-size:0.7rem !important;padding:0.45rem 0.65rem !important}}@media (min-width:768px) and (max-width:991px){.btn-read-more-blog{padding:0.65rem 1.25rem;font-size:0.9rem}}.blogSwiper .blog-image{position:relative;height:220px;overflow:hidden;background:#f8f9fa;display:block;text-decoration:none;flex-shrink:0}.blogSwiper .blog-image img{width:100%;height:100%;object-fit:cover !important;padding:0 !important;transform:scale(1) !important;transition:transform 0.3s ease}.blogSwiper .hover-card:hover .blog-image img{transform:scale(1.05) !important}.blogSwiper .blog-content{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem}.blogSwiper .blog-title{font-size:1.05rem;font-weight:700;line-height:1.4;min-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.75rem;text-align:center}.blogSwiper .blog-title a{color:#212529;text-decoration:none;transition:color 0.3s ease}.blogSwiper .blog-title a:hover{color:#dc3545}.blogSwiper .blog-category{background:#dc3545;color:white;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:600;display:block;width:fit-content;margin:0 auto 0.75rem}.blogSwiper .blog-date{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.7);color:white;backdrop-filter:blur(5px);padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;font-weight:600;z-index:2}.blogSwiper .btn-read-more{background:transparent;color:#dc3545;border:2px solid #dc3545;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.65rem;border-radius:10px;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;text-decoration:none;margin-top:auto;width:100%}.blogSwiper .btn-read-more:hover{background:#dc3545;color:white}.blogSwiper .btn-read-more:hover i{transform:translateX(-3px)}.blogSwiper .blog-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:white;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}@media (max-width:576px){.blogSwiper .blog-image{height:160px !important}.blogSwiper .blog-placeholder{height:160px !important}.blogSwiper .blog-title{font-size:0.9rem !important;min-height:2.4em !important}.blogSwiper .btn-read-more{font-size:0.8rem !important;padding:0.5rem !important}}.blogSwiper .btn-read-more{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.65rem;border-radius:10px;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;text-decoration:none;margin-top:auto;width:100%}.blogSwiper .btn-read-more:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4);color:white}.blogSwiper .btn-read-more i{transition:transform 0.3s ease}.blogSwiper .btn-read-more:hover i{transform:translateX(-3px)}.blogSwiper .blog-date{display:none !important}@media (max-width:576px){.blogSwiper .btn-read-more{font-size:0.8rem !important;padding:0.5rem !important}}.navbar .dropdown-menu{min-width:220px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.15);border:none}.navbar .dropdown-item{padding:10px 20px;transition:all 0.3s ease}.navbar .dropdown-item:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;transform:translateX(-5px)}.navbar .dropdown-item i{width:20px}.page-header-hosting{background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%);padding:3rem 0;color:white;margin-bottom:0}.hosting-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{background:rgba(255,255,255,0.15);padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(10px)}.stat-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-number{font-size:1.8rem;font-weight:800}.stat-label{font-size:0.9rem;opacity:0.9}.domain-search-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem 0}.domain-search-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.domain-search-form .input-with-icon{position:relative}.domain-search-form .input-with-icon i{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#1E90FF;font-size:1.2rem;z-index:1}.domain-search-form .input-with-icon .form-control{padding-right:55px;border:2px solid #e9ecef;border-radius:12px;transition:all 0.3s ease}.domain-search-form .input-with-icon .form-control:focus{border-color:#1E90FF;box-shadow:0 0 0 3px rgba(30,144,255,0.1);outline:none}.domain-search-form .form-select{border:2px solid #e9ecef;border-radius:12px;transition:all 0.3s ease}.domain-search-form .form-select:focus{border-color:#1E90FF;box-shadow:0 0 0 3px rgba(30,144,255,0.1);outline:none}.domain-search-form .btn-primary{background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%);border:none;border-radius:12px;font-weight:700;transition:all 0.3s ease}.domain-search-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,144,255,0.4)}.domain-result .alert{border-radius:15px;border:none;padding:1.5rem}.domain-result .alert-success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%)}.domain-result .alert-warning{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%)}.domain-result .alert-danger{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%)}.hosting-packages-section{padding:4rem 0;background:white}.hosting-package-card{border-radius:20px;overflow:hidden;transition:all 0.3s ease}.hosting-package-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,0.15) !important}.package-header{background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%);padding:2rem 1.5rem;color:white}.package-icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;backdrop-filter:blur(10px)}.package-name{font-size:1.5rem;font-weight:800;margin:0}.package-price{padding:2rem 1.5rem;background:#f8f9fa;border-bottom:3px solid #1E90FF}.price-monthly{margin-bottom:0.75rem}.price-monthly .amount{font-size:2.5rem;font-weight:800;color:#28a745;display:inline-block}.price-monthly .period{font-size:1rem;color:#6c757d}.price-yearly{font-size:0.9rem;color:#6c757d}.save-badge{background:#28a745;color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:700;margin-right:0.5rem}.package-features{padding:2rem 1.5rem}.features-list{list-style:none;padding:0;margin:0}.features-list li{padding:0.75rem 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:0.75rem}.features-list li:last-child{border-bottom:none}.features-list i{font-size:1.1rem;flex-shrink:0}.package-footer{padding:1.5rem;background:#f8f9fa}.btn-order-package{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%);color:white;text-align:center;text-decoration:none;border-radius:12px;font-weight:700;font-size:1.05rem;transition:all 0.3s ease;border:none}.btn-order-package:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,144,255,0.4);color:white}.hosting-features-section{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.feature-box{padding:2rem;background:white;border-radius:15px;transition:all 0.3s ease;height:100%}.feature-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.feature-box-icon{width:80px;height:80px;background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:white}.hosting-cta-section{padding:3rem 0;background:linear-gradient(135deg,#40E0D0 0%,#1E90FF 100%)}@media (max-width:768px){.page-header-hosting .page-title{font-size:1.8rem}.hosting-stats{grid-template-columns:1fr;margin-top:1.5rem}.domain-search-card{padding:1.5rem}.package-icon{width:70px;height:70px;font-size:1.75rem}.package-name{font-size:1.25rem}.price-monthly .amount{font-size:2rem}.feature-box-icon{width:70px;height:70px;font-size:1.75rem}}@media (max-width:576px){.domain-search-card{padding:1.25rem}.domain-search-form .input-with-icon i{font-size:1rem;right:15px}.domain-search-form .input-with-icon .form-control{padding-right:45px;font-size:0.9rem}.hosting-stats .stat-item{padding:1rem}.hosting-stats .stat-icon{width:50px;height:50px}.hosting-stats .stat-number{font-size:1.5rem}.package-price{padding:1.5rem 1rem}.price-monthly .amount{font-size:1.75rem}.package-features{padding:1.5rem 1rem}.features-list li{padding:0.6rem 0;font-size:0.9rem}.btn-order-package{padding:0.85rem;font-size:0.95rem}.feature-box{padding:1.5rem}}