#trade-in-app-container{font-family:Vazirmatn,sans-serif;background:#f9fafb;overflow-x:hidden;direction:ltr}html[dir=rtl] #trade-in-app-container{direction:rtl}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.question-slide-in{animation:slideInFromRight .25s ease-out forwards}.question-slide-out{animation:slideOutToLeft .25s ease-out forwards}html[dir=rtl] .question-slide-in{animation-name:slideInFromLeft}html[dir=rtl] .question-slide-out{animation-name:slideOutToRight}#trade-in-app-container .question-item{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000000d;padding:1.25rem;transition:all .3s ease-in-out;position:relative}#trade-in-app-container .choice-card input[type=radio]:checked+label,#trade-in-app-container .checkbox-card input[type=checkbox]:checked+label{background:#222;color:#fff;border-color:#222}#trade-in-app-container #progress-bar-container{position:sticky;top:0;background:#fff;z-index:20;padding:.75rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}#trade-in-app-container #progress-bar-inner{transition:width .4s ease-in-out;background:linear-gradient(to right,#222,#4b5563);height:8px;border-radius:9999px;position:relative}#trade-in-app-container #progress-bar-inner:after{content:"";position:absolute;top:50%;width:16px;height:16px;background:#fff;border:2px solid #222222;border-radius:50%;box-shadow:0 0 5px #0003;transition:all .4s ease-in-out}html[dir=ltr] #trade-in-app-container #progress-bar-inner:after{right:0;transform:translate(50%,-50%)}html[dir=rtl] #trade-in-app-container #progress-bar-inner:after{left:0;transform:translate(-50%,-50%)}#trade-in-app-container input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}#trade-in-app-container input[type=range]:focus{outline:none}#trade-in-app-container input[type=range]::-webkit-slider-runnable-track{height:8px;background:#e5e7eb;border-radius:9999px}#trade-in-app-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-5px;background-color:#222;height:18px;width:18px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 0 0 2px #222}#trade-in-app-container input[type=range]::-moz-range-track{height:8px;background:#e5e7eb;border-radius:9999px}#trade-in-app-container input[type=range]::-moz-range-thumb{background-color:#222;height:18px;width:18px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 0 0 2px #222}#trade-in-app-container .modal{transition:opacity .3s ease}#trade-in-app-container .modal-content{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000000d;padding:1.25rem}#trade-in-app-container .info-modal-content{transition:transform .3s ease}#trade-in-app-container .choice-card,#trade-in-app-container .checkbox-card{transition:all .3s ease;border:1px solid #D1D5DB;border-radius:.75rem;background:#fff;cursor:pointer;position:relative;display:flex}#trade-in-app-container .choice-card:hover,#trade-in-app-container .checkbox-card:hover{border-color:#222;transform:translateY(-2px)}#trade-in-app-container .choice-card input[type=radio],#trade-in-app-container .checkbox-card input[type=checkbox]{display:none}#trade-in-app-container .choice-card label,#trade-in-app-container .checkbox-card label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;border-radius:.75rem;font-size:.9rem;font-weight:600;text-align:center;transition:all .2s ease}#trade-in-app-container .phone-input{display:flex;flex-direction:row;align-items:center;border:1px solid #D1D5DB;border-radius:.75rem;padding:0;background:#fff;transition:all .2s ease;overflow:hidden}#trade-in-app-container .phone-input:focus-within{border-color:#222;box-shadow:0 0 0 2px #2223}#trade-in-app-container .phone-input select#country-code-select{background-color:#f3f4f6;padding:.75rem;border:none;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;outline:none;border-right:1px solid #D1D5DB;border-left:none;border-radius:0}html[dir=ltr] #trade-in-app-container .phone-input select#country-code-select{background-position:right .75rem center}html[dir=rtl] #trade-in-app-container .phone-input select#country-code-select{background-position:left .75rem center}#trade-in-app-container .phone-input input{flex:1;border:none;outline:none;padding:.75rem;font-size:.9rem;border-radius:0}html[dir=ltr] #trade-in-app-container .phone-input select#country-code-select{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}html[dir=ltr] #trade-in-app-container .phone-input input,html[dir=rtl] #trade-in-app-container .phone-input select#country-code-select{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}html[dir=rtl] #trade-in-app-container .phone-input input{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}#trade-in-app-container .thank-you-content{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000001a}#trade-in-app-container .thank-you-content svg{animation:zoomIn .5s ease-in-out}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#trade-in-app-container .button{background:linear-gradient(to right,#222,#4b5563);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid transparent;transition:all .3s ease;display:inline-block;text-align:center}#trade-in-app-container .button:hover:not(:disabled){background:linear-gradient(to right,#4b5563,#222);transform:scale(1.02)}#trade-in-app-container .button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}#trade-in-app-container .button.secondary{background:#e5e7eb;color:#1f2937;border-color:#d1d5db}#trade-in-app-container .button.secondary:hover:not(:disabled){background:#d1d5db;border-color:#9ca3af}#trade-in-app-container #whatsapp-link:hover,#trade-in-app-container #add-another-btn:hover,#trade-in-app-container #submit-request-btn:hover{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}#trade-in-app-container .intro-banner{background:linear-gradient(135deg,#222,#4b5563);color:#fff;padding:2rem 1rem;border-radius:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}#trade-in-app-container .intro-banner h3{color:#fff}#trade-in-app-container .summary-item{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:.75rem 1rem;transition:background-color .3s ease}#trade-in-app-container .summary-item.deduction{background-color:#fef2f2;border-left-color:#ef4444;border-left-width:4px}#trade-in-app-container .summary-item.addition{background-color:#f0fdf4;border-left-color:#22c55e;border-left-width:4px}html[dir=rtl] #trade-in-app-container .summary-item.deduction,html[dir=rtl] #trade-in-app-container .summary-item.addition{border-left-width:0;border-right-width:4px}html[dir=rtl] #trade-in-app-container .summary-item.deduction{border-right-color:#ef4444}html[dir=rtl] #trade-in-app-container .summary-item.addition{border-right-color:#22c55e}#trade-in-app-container .error-message{color:#dc2626;font-size:.8rem;margin-top:.5rem;display:none;text-align:center}#trade-in-app-container #price-change-indicator{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(10px)}#trade-in-app-container #price-change-indicator.show{opacity:1;transform:translateY(0) scale(1.1)}#trade-in-app-container #price-change-indicator.show.negative{color:#ef4444}#trade-in-app-container #price-change-indicator.show:not(.negative){color:#10b981}#trade-in-app-container .questions-loading{opacity:.5;pointer-events:none;transition:opacity .3s ease-in-out}#side-banner-tips{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;padding:.75rem;margin-top:1rem;font-style:normal;color:#0369a1;font-size:.8rem;display:flex;align-items:center;gap:.5rem}#benefits-ticker-container{margin-top:1.5rem;padding:.75rem;background-color:#ffffff1a;border-radius:.75rem;min-height:4rem;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}#benefits-ticker{transition:opacity .4s ease-in-out,transform .4s ease-in-out;opacity:0;transform:translateY(20px)}#benefits-ticker.visible{opacity:1;transform:translateY(0)}#device-search-input{padding:.75rem 1.5rem;border-radius:9999px;border:1px solid #e2e8f0;width:100%;font-size:1rem;transition:all .2s ease;margin-top:1rem}#device-search-input:focus{border-color:#222;box-shadow:0 0 0 3px #2222221a;outline:none}#device-grid-results{max-height:450px;overflow-y:auto;scrollbar-gutter:stable;padding-right:0;padding-left:0;padding-top:1rem}html[dir=ltr] #device-grid-results{padding-right:1.5rem}html[dir=rtl] #device-grid-results{padding-left:1.5rem}.device-card.hidden{display:none}.device-card{position:relative;border-radius:1rem;background-color:#fff;border:1px solid #e2e8f0;transition:all .25s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:8px}.device-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a;border-color:#94a3b8;z-index:10}.device-card .img-container{padding:.5rem;height:120px;display:flex;align-items:center;justify-content:center}.device-card img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .25s ease}.device-card:hover img{transform:scale(1.05)}.device-card .device-name-container{padding:.75rem;text-align:center}.device-card .device-name{font-weight:600;color:#1e293b;font-size:.9rem;line-height:1.4}#device-accordion-view{margin-top:1rem}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;font-weight:700;color:#1e293b;cursor:pointer;transition:all .2s ease}.accordion-header:hover{background-color:#f1f5f9}.accordion-header .arrow{transition:transform .3s ease}.accordion-header.active{background-color:#f1f5f9;border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion-header.active .arrow{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#fff;border-radius:0 0 .75rem .75rem;border:1px solid #e2e8f0;border-top:none}.accordion-content .device-item{padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s ease;font-weight:500}.accordion-content .device-item:hover{background-color:#f8fafc}.action-icon-btn{position:relative;border:1px solid #e2e8f0;background-color:#f8fafc;color:#475569;transition:all .2s ease}.action-icon-btn:hover{background-color:#f1f5f9;transform:scale(1.05)}.action-icon-btn:hover:after{content:attr(data-tooltip-ar);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;opacity:1;visibility:visible;transition:opacity .2s}html[lang=en] .action-icon-btn:hover:after{content:attr(data-tooltip-en)}#device-grid-results::-webkit-scrollbar{width:8px}#device-grid-results::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}#device-grid-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}#device-grid-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}#how-it-works-section .step-card{position:relative;z-index:10;background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:transform .3s ease}#how-it-works-section .step-card:hover{transform:translateY(-5px) scale(1.03)}@media (max-width: 1023px){#trade-in-app-container .intro-banner{margin-bottom:1.5rem;grid-column:span 1 / span 1}#trade-in-app-container #main-content{grid-column:span 1 / span 1}}@media (max-width: 768px){#how-it-works-section .step-card{transform:rotate(0)!important}}@media (max-width: 640px){#trade-in-app-container{padding:.5rem}#trade-in-app-container .intro-banner,#trade-in-app-container .question-item,#trade-in-app-container .summary-item,#trade-in-app-container .thank-you-content{padding:1rem}#trade-in-app-container .button{padding:.6rem 1.2rem;font-size:.9rem}#trade-in-app-container .choice-card label,#trade-in-app-container .checkbox-card label{padding:.75rem}#trade-in-app-container .grid-cols-2,#trade-in-app-container .grid-cols-3{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/trade-in.css.map */