.compare-icon{background:#ffffffe6;border:none;border-radius:50%;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.compare-icon:hover{background:#fff;transform:scale(1.1)}.compare-icon img{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.compare-icon--active{background:#3b82f6e6;color:#fff}.compare-icon--active img{filter:brightness(0) invert(1)}.compare-btn{background:var(--color-main-orange);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.compare-btn:hover{background:#2563eb;transform:translateY(-1px)}.compare-btn--active{background:var(--color-main-orange)}.compare-btn--active:hover{background:#059669}[data-compare-counter]{background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:4px}.compare-page{min-height:100vh;background:#f9fafb}.compare-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;margin:24px 0;padding:20px}.compare-grid:not(:empty){display:grid!important}.compare-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.compare-empty h3{color:#6b7280;margin-bottom:16px}.compare-empty p{color:#9ca3af;margin-bottom:24px}.compare-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.compare-actions .btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.compare-actions .btn-primary{background:var(--color-main-orange);color:#fff}.compare-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.compare-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.compare-actions .btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.compare-grid{grid-template-columns:1fr;gap:16px}.compare-actions{flex-direction:column;align-items:center}.compare-actions .btn{width:100%;max-width:300px;justify-content:center}}.compare-card-removing{opacity:0;transform:scale(.95);transition:all .3s ease}.compare-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280}.compare-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid var(--color-main-orange);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compare-card{position:relative;overflow:hidden}.compare-notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:300px;padding:12px 16px;border-radius:6px;color:#fff;font-weight:500;box-shadow:0 4px 6px -1px #0000001a;transform:translate(100%);transition:transform .3s ease}.compare-notification.show{transform:translate(0)}.compare-notification--success{background:var(--color-main-orange)}.compare-notification--error{background:#ef4444}.compare-notification--warning{background:#f59e0b}.compare-notification--info{background:var(--color-main-orange)}.project-plan-modal{display:none;position:fixed;z-index:999999;inset:0;width:100vw;height:100vh;overflow:auto;background-color:#000000e6;margin:0;padding:0;transform:none}.project-plan-modal.is-open{display:flex;flex-direction:column}.project-plan-modal-img{margin:auto;display:block;width:80%;max-width:700px;animation:zoom .6s}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.project-plan-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}.project-plan-close:hover,.project-plan-close:focus{color:#bbb;text-decoration:none;cursor:pointer}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 768px){.project-plan-close{top:10px;right:10px;font-size:30px}.project-plan-modal-img,#caption{width:95%}}.project-gallery-modal{display:none;position:fixed;z-index:999999;inset:0;width:100vw;height:100vh;overflow:auto;background-color:#000000e6;margin:0;padding:0;transform:none}.project-gallery-modal.is-open{display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-modal-img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;animation:zoom .6s}.gallery-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;color:#fff}.gallery-prev,.gallery-next{background:#fff3;border:none;color:#fff;font-size:30px;padding:10px 15px;border-radius:50%;cursor:pointer;transition:background .3s}.gallery-prev:hover,.gallery-next:hover{background:#fff6}.gallery-counter{color:#fff;font-size:16px;font-weight:700}.project-gallery-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer;z-index:1000000}.project-gallery-close:hover,.project-gallery-close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media (max-width: 768px){.project-gallery-close{top:10px;right:10px;font-size:30px}.gallery-modal-img{max-height:70vh}.gallery-prev,.gallery-next{font-size:24px;padding:8px 12px}}