.smartphone-card{transition:all .3s ease;border-radius:12px!important;border:none;overflow:hidden}.smartphone-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.image-container{aspect-ratio:1;min-height:120px;height:150px;transition:background-color .3s ease}.smartphone-card:hover .image-container{background-color:#f8f9fa!important}.smartphone-image{transition:transform .3s ease}.smartphone-card:hover .smartphone-image{transform:scale(1.05)}.phone-title{font-size:.86rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.favorite-btn{transition:all .3s ease}.favorite-btn:hover{background-color:#fff!important;transform:scale(1.1)}.smartphone-swiper-mobile .swiper-button-next,.smartphone-swiper-mobile .swiper-button-prev{color:#0d6efd!important;background:#fff!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-top:0!important;top:50%!important;transform:translateY(-50%)!important}.smartphone-swiper-mobile .swiper-button-next:after,.smartphone-swiper-mobile .swiper-button-prev:after{font-size:16px!important;font-weight:700!important}.smartphone-swiper-mobile .swiper-pagination-bullet{background:#0d6efd!important;opacity:.5}.smartphone-swiper-mobile .swiper-pagination-bullet-active{opacity:1}.smartphone-swiper-desktop .swiper-button-next,.smartphone-swiper-desktop .swiper-button-prev{color:#0d6efd!important;background:#fff!important;border-radius:50%!important;width:44px!important;height:44px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;margin-top:0!important;top:50%!important;transform:translateY(-50%)!important}.smartphone-swiper-desktop .swiper-button-next:after,.smartphone-swiper-desktop .swiper-button-prev:after{font-size:18px!important;font-weight:700!important}.smartphone-swiper-desktop .swiper-button-next:hover,.smartphone-swiper-desktop .swiper-button-prev:hover,.smartphone-swiper-mobile .swiper-button-next:hover,.smartphone-swiper-mobile .swiper-button-prev:hover{background:#f8f9fa!important;transform:translateY(-50%) scale(1.1)!important}.badge{font-size:.7rem!important;padding:.35rem .5rem!important;letter-spacing:.5px}@media (max-width:768px){.phone-title{font-size:.85rem;height:2.4rem}.smartphone-card .h5{font-size:1rem!important}.image-container{min-height:160px}}@media (max-width:576px){.phone-title{font-size:.8rem;height:2.2rem}.smartphone-card .h5{font-size:.9rem!important}.image-container{min-height:140px}.smartphone-swiper-mobile .swiper-button-next,.smartphone-swiper-mobile .swiper-button-prev{width:35px!important;height:35px!important}.smartphone-swiper-mobile .swiper-button-next:after,.smartphone-swiper-mobile .swiper-button-prev:after{font-size:14px!important}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.smartphone-card .card-body{padding:.75rem!important}.smartphone-card .h5{color:#212529!important;margin-bottom:.5rem!important}.text-success.small{font-weight:500!important}.btn-link:hover{text-decoration:none!important}.btn-link svg{transition:transform .2s ease}.btn-link:hover svg{transform:translateX(2px)}.container-fluid{max-width:1400px;margin:0 auto}.smartphone-swiper-mobile .swiper-pagination{bottom:10px!important}.smartphone-swiper-mobile .swiper-pagination-bullet{width:8px!important;height:8px!important;margin:0 4px!important}*{transition:all .3s ease}.smartphone-swiper-mobile .swiper-button-prev{left:10px!important}.smartphone-swiper-mobile .swiper-button-next{right:10px!important}.smartphone-swiper-desktop .swiper-button-prev{left:-22px!important}.smartphone-swiper-desktop .swiper-button-next{right:-22px!important}.swiper-button-disabled{opacity:.3!important;cursor:not-allowed!important}.btn-link:focus,.favorite-btn:focus{outline:2px solid #0d6efd;outline-offset:2px}.smartphone-swiper-desktop::-webkit-scrollbar,.smartphone-swiper-mobile::-webkit-scrollbar{height:4px}.smartphone-swiper-desktop::-webkit-scrollbar-track,.smartphone-swiper-mobile::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.smartphone-swiper-desktop::-webkit-scrollbar-thumb,.smartphone-swiper-mobile::-webkit-scrollbar-thumb{background:#0d6efd;border-radius:2px}.smartphone-swiper-desktop::-webkit-scrollbar-thumb:hover,.smartphone-swiper-mobile::-webkit-scrollbar-thumb:hover{background:#0b5ed7}.textArea{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.skeleton{background-color:#e0e0e0;border-radius:4px;animation:skeleton-loading 1.2s ease-in-out infinite}@keyframes skeleton-loading{0%{background-color:#e0e0e0}50%{background-color:#f5f5f5}to{background-color:#e0e0e0}}