.language-city-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#5f5f5fcc}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#5f5f5fcc!important;z-index:1}.popup-container{position:relative;background:#fffbf7;border-radius:50px;padding:51px 51px 70px;width:58%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;text-align:center;animation:popupSlideIn .3s ease-out;z-index:2}.popup-container::-webkit-scrollbar{display:none}.popup-container{-ms-overflow-style:none;scrollbar-width:none}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{margin-bottom:30px}.popup-logo{max-width:150px;width:auto;height:auto;display:block;margin:0 auto;object-fit:contain}.popup-logo-text{font-size:24px;font-weight:700;color:#333}.language-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.language-btn{background:transparent;border:1px solid #f3f3f3;border-radius:80px;padding:20px 40px;font-size:18px;font-weight:600;cursor:pointer;min-width:150px;position:relative;overflow:hidden;height:58px;width:112px;display:flex;align-items:center;justify-content:center}.language-btn.selected{border:1px solid #757d3d}.language-btn:focus-visible{outline:0;box-shadow:none}.city-option:focus-visible{outline:0;box-shadow:none}.city-selection-section{margin-top:30px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.city-selection-title{font-size:48px;font-weight:700;color:#333;margin-bottom:30px;position:relative}.city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center}.city-option{background:transparent;border:1px solid #f3f3f3;border-radius:60px;padding:15px 25px;cursor:pointer;display:flex;flex-direction:row-reverse;align-items:center;gap:15px;position:relative;overflow:hidden;min-width:200px;justify-content:flex-start}.city-grid>:last-child{grid-column:3}.city-option:active{transform:translateY(0)}.city-image{width:56px;height:56px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:relative;z-index:1;border:none;transition:none;flex-shrink:0}.city-image img{width:100%;height:100%;object-fit:cover;transition:none}.city-placeholder{color:#999;display:flex;align-items:center;justify-content:center}.city-name{font-size:20px;font-weight:400;color:#333;text-align:left;position:relative;z-index:1;white-space:nowrap}.back-btn{background:transparent;border:none;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;padding:10px 15px;border-radius:8px;margin:0 auto}[dir=rtl] .back-btn svg{transform:scaleX(-1)}.language-city-popup.popup-visible .popup-container{animation:popupSlideIn .3s ease-out}.language-city-popup:not([style*="display: none"]){display:flex!important}@media (max-width: 990px){.popup-container{width:75%}.city-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}@media (max-width: 768px){.popup-container{padding:30px 20px;margin:20px;max-width:calc(100% - 40px);width:95%;border-radius:24px}.language-buttons{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.language-btn{min-width:120px;max-width:140px;padding:16px 20px;font-size:16px;width:auto;height:50px}.city-grid{grid-template-columns:repeat(2,1fr);gap:15px}.city-option{padding:15px 10px}.city-grid>:last-child{grid-column:2}.city-selection-title,.city-name{font-size:14px}}@media (max-width: 480px){.popup-container{padding:25px 15px;width:100%;margin:2px;max-width:unset}.city-option{min-width:150px}.city-image{width:38px;height:38px}.language-buttons{gap:10px}.language-btn{min-width:100px;max-width:120px;padding:14px 16px;font-size:14px;height:45px}}@media (max-width: 360px){.city-option{min-width:150px}.city-image{width:38px;height:38px}.language-buttons{gap:8px}.language-btn{min-width:90px;max-width:100px;padding:12px 14px;font-size:13px;height:40px}}@media (max-width: 320px){.city-option{min-width:150px}.city-image{width:38px;height:38px}.language-buttons{gap:6px}.language-btn{min-width:80px;max-width:90px;padding:10px 12px;font-size:12px;height:38px}}@media (prefers-contrast: high){.language-btn,.city-option{border-width:3px}}@media (prefers-reduced-motion: reduce){.language-btn,.city-option,.back-btn{transition:none}.popup-container,.popup-step{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/language-city-popup.css.map */