.comparator-page{padding:2rem 0}.comparator-page .header-section{text-align:center;margin-bottom:3rem;background:linear-gradient(90deg,#ffd7000d,#ffd70026);padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px #0000000d}.comparator-page .header-section h1{margin-bottom:1rem;font-size:2.5rem;background:linear-gradient(45deg,#1a1a1a,#444);-webkit-background-clip:text;-webkit-text-fill-color:#0000;animation:titleFade .5s ease-in}.comparator-page .header-section h2{color:#666;font-size:1.2rem;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.comparator-page .header-section .create-comparison-btn{display:inline-flex;align-items:center;gap:.5rem;background:#feeb17;color:#1a1a1a;padding:1rem;border-radius:50px;font-weight:600;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 6px #0000001a}.comparator-page .header-section .create-comparison-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:#fae601}.comparator-page .header-section .create-comparison-btn svg{font-size:1.2rem}.comparator-page .comparisons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:1rem}.comparator-page .comparisons-grid .comparison-card{height:300px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.comparator-page .comparisons-grid .comparison-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #0000001a}.comparator-page .comparisons-grid .comparison-card:hover .comparison-images .product-image-1{transform:translateX(-15%) scale(1.1)}.comparator-page .comparisons-grid .comparison-card:hover .comparison-images .product-image-2{transform:translateX(15%) scale(1.1)}.comparator-page .comparisons-grid .comparison-card:hover .comparison-title{background:#000000d9}.comparator-page .comparisons-grid .comparison-card .comparison-images{position:relative;height:calc(100% - 70px);background:#f8f9fa;overflow:hidden}.comparator-page .comparisons-grid .comparison-card .comparison-images:after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#feeb17;color:#1a1a1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.9rem;z-index:2;box-shadow:0 2px 4px #0000001a}.comparator-page .comparisons-grid .comparison-card .comparison-images .product-image{position:absolute;width:50%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);object-fit:contain;padding:1rem}.comparator-page .comparisons-grid .comparison-card .comparison-images .product-image-1{left:0;transform:translateX(0)}.comparator-page .comparisons-grid .comparison-card .comparison-images .product-image-2{right:0;transform:translateX(0)}.comparator-page .comparisons-grid .comparison-card .comparison-title{height:70px;background:#000000bf;color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-weight:500;transition:all .3s ease;font-size:1rem;line-height:1.4}.comparator-page .skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:1rem}.comparator-page .skeleton-grid .skeleton-card{height:300px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 6px #0000000d}.comparator-page .skeleton-grid .skeleton-card .skeleton-images{height:calc(100% - 70px);display:flex;position:relative}.comparator-page .skeleton-grid .skeleton-card .skeleton-images:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#e0e0e0;border-radius:50%}.comparator-page .skeleton-grid .skeleton-card .skeleton-images .skeleton-image-left,.comparator-page .skeleton-grid .skeleton-card .skeleton-images .skeleton-image-right{width:50%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.comparator-page .skeleton-grid .skeleton-card .skeleton-title{height:70px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes titleFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.comparator-page .header-section{padding:2rem 1rem}.comparator-page .header-section h1{font-size:2rem}.comparator-page .header-section h2{font-size:1rem}.comparator-page .comparisons-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.comparator-page .comparisons-grid .comparison-card{height:250px}.comparator-page .comparisons-grid .comparison-card .comparison-images:after{width:32px;height:32px;font-size:.8rem}.comparator-page .comparisons-grid .comparison-card .comparison-title{height:60px;font-size:.9rem}}