.hero-margin,.mainPage-container{margin-top:7rem}.hero-div{border-radius:20px;height:100%;overflow:hidden}.hero-pictures-div{width:50%}@media screen and (max-width:992px){.hero-pictures-div{width:100%}}.tab-navigation{background-color:#fff;border-bottom:1px solid #dee2e6;transition:all .3s ease;z-index:1000}.sticky-tab-bar{position:fixed;top:6.6rem;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.1);animation:slideDown .3s ease}@media screen and (max-width:992px){.sticky-tab-bar{top:3.8rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-pills .nav-link{color:#6c757d;background-color:transparent;border:2px solid transparent;border-radius:25px;padding:10px 20px;margin:0 5px;transition:all .3s ease;font-weight:500;text-decoration:none}.nav-pills .nav-link:hover{color:#495057;background-color:#f8f9fa;border-color:#dee2e6;transform:translateY(-2px)}.nav-pills .nav-link.active{color:#fff;background-color:#007bff;border-color:#007bff;box-shadow:0 4px 15px rgba(0,123,255,.3);transform:translateY(-2px)}.content-section{padding:20px 0;min-height:400px;scroll-margin-top:80px}.content-section:nth-child(2n){background-color:#f8f9fa}.content-section:nth-child(odd){background-color:#fff}html{scroll-behavior:smooth}.hero-div{min-height:400px}.hero-pictures-div{flex:1}@media (max-width:768px){.nav-pills .nav-link{padding:8px 15px;margin:0 2px;font-size:14px}.content-section{padding:40px 0}.sticky-tab-bar .nav-pills{overflow-x:auto;padding-bottom:5px}.sticky-tab-bar .nav-pills::-webkit-scrollbar{height:3px}.sticky-tab-bar .nav-pills::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:3px}}.content-section{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.size{font-size:32px}.phone-card{height:200px;transition:all .3s ease;cursor:pointer}.phone-card:hover{transform:scale(1.05)}.phone-mockup{width:100px;height:100px}.hover-overlay{background:rgba(0,0,0,.05);opacity:0;transition:opacity .3s ease}.phone-card:hover .hover-overlay{opacity:1}.gradient-orange{background:linear-gradient(135deg,#fed7aa,#fdba74)}.gradient-green{background:linear-gradient(135deg,#bbf7d0,#86efac)}.gradient-dark{background:linear-gradient(135deg,#64748b,#475569)}.gradient-dark,.gradient-dark .h4,.gradient-dark h5{color:#fff!important}.gradient-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.gradient-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)}.gradient-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.featured-phones-swiper .swiper-pagination{bottom:-10px!important}.swiper-pagination-bullet-custom{width:12px!important;height:12px!important;background:#dee2e6!important;opacity:1!important;margin:0 6px!important;transition:all .3s ease!important}.swiper-pagination-bullet-active-custom{background:#0d6efd!important;transform:scale(1.2)!important}.swiper-button-next-custom:hover,.swiper-button-prev-custom:hover{background-color:#f8f9fa!important}.featured-phones-swiper .swiper-button-disabled{opacity:.3!important}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.phone-card-skeleton{height:200px;background:#f8f9fa;border:1px solid #e9ecef}.phone-mockup-skeleton{width:100px;height:100px;background:#e9ecef}.skeleton-text{background:#e9ecef;border-radius:4px;margin:0 auto}.skeleton-title{height:16px;width:80%}.skeleton-price{height:14px;width:60%}.skeleton-button{width:50px;height:50px;border-radius:50%;background:#e9ecef;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.skeleton-nav-prev{left:12px}.skeleton-nav-next{right:12px}.skeleton-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#e9ecef}.skeleton-swiper-container{padding:0 24px}.skeleton-slide{flex-shrink:0}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:1200px){.skeleton-slide{min-width:calc(25% - 18px)!important;width:calc(25% - 18px)!important}}@media (max-width:992px){.skeleton-slide{min-width:calc(33.333% - 16px)!important;width:calc(33.333% - 16px)!important}}@media (max-width:576px){.skeleton-slide{min-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important}.skeleton-nav-next,.skeleton-nav-prev{display:none!important}.phone-card-skeleton{height:320px}.phone-mockup-skeleton{width:100px;height:160px}}@media (max-width:400px){.skeleton-slide{min-width:100%!important;width:100%!important}}@media (max-width:576px){.swiper-button-next-custom,.swiper-button-prev-custom{display:none!important}.phone-card{height:320px}.phone-mockup{width:100px;height:160px}}