.door-comparison-container{font-family:Poppins,sans-serif}.door-section{transition:all .3s ease}.door-section:hover{transform:translateY(-2px)}.icon-circle,.selector-line{transition:all .3s ease}.icon-circle:hover{transform:scale(1.1)}@media (min-width:1024px){.door-comparison-desktop{position:relative;min-height:600px}.door-comparison-left{left:0}.door-comparison-left,.door-comparison-right{position:absolute;top:0;width:300px;height:100%;display:flex;flex-direction:column;justify-content:space-around}.door-comparison-right{right:0}.door-comparison-center{display:flex;justify-content:center;align-items:center;padding:0 2rem}.door-image{width:500px;height:500px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.1))}}@media (max-width:1023px){.door-comparison-mobile{display:block}.door-image-mobile{width:100%;max-width:400px;height:auto;object-fit:contain;margin:0 auto;display:block}.door-section-mobile{padding:1rem;border-radius:8px;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}}.tab-selector{background:linear-gradient(145deg,#f0f0f0,#e6e6e6);border-radius:12px;padding:4px;box-shadow:inset 2px 2px 5px rgba(0,0,0,.1)}.tab-button{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;font-weight:500}.tab-button.active{background:linear-gradient(145deg,#2d3748,#1a202c);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.tab-button:not(.active){background:white;color:#6b7280}.tab-button:not(.active):hover{background:#f9fafb;color:#374151;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.door-section{animation:fadeInUp .6s ease-out}.door-section:first-child{animation-delay:.1s}.door-section:nth-child(2){animation-delay:.2s}.door-section:nth-child(3){animation-delay:.3s}.door-section:nth-child(4){animation-delay:.4s}.door-section:nth-child(5){animation-delay:.5s}.door-section:nth-child(6){animation-delay:.6s}.door-section:nth-child(7){animation-delay:.7s}@media (max-width:768px){.tab-selector{flex-direction:column;gap:4px;width:100%;max-width:400px}.tab-button{width:100%;padding:12px 16px}}