.modal-localization{position:relative}.localization-modal{max-width:90vw;max-height:90vh;width:900px;padding:0;border:none;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;background:#fff;color:#333;opacity:1}.localization-modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.localization-modal__content{position:relative;min-height:500px;display:flex;flex-direction:column;background:#fff;opacity:1;padding:24px}.localization-modal__header{display:flex;justify-content:end;align-items:center;padding:5px}.localization-modal__header-actions{display:flex;align-items:center;gap:16px}.localization-modal__dropdown-wrapper{position:relative}.localization-modal__close-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:none;cursor:pointer;transition:all .2s ease;color:#000}.localization-modal__close-button .svg-wrapper{width:20px;height:20px;color:inherit}.localization-modal__body{flex:1}.localization-modal-content{min-height:200px}.localization-modal-content__regions{display:grid;gap:32px}.localization-modal-content__top-row{margin-bottom:32px}.localization-modal-content__bottom-row{display:flex;gap:24px}.localization-modal-content__columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%}.localization-region{border-radius:12px}.localization-region--column{min-height:200px}.localization-region__title{font-size:20px;font-weight:700;margin:0 0 24px;color:#eb6809;border-bottom:2px solid rgba(235,104,9,.2);padding-bottom:8px}.localization-region--column .localization-region__title{font-size:18px;margin-bottom:16px;border-bottom-width:1px;font-weight:700}.localization-country-form{margin:0;padding:0;width:100%}.localization-modal-content__top-row .localization-region__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.localization-country-button{background:transparent;border:none;padding:8px 0;border-radius:6px;cursor:pointer;font-family:inherit;font-size:inherit;color:#333;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:12px}.localization-country-button .flag-icon{width:30px;height:20px;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.localization-country-button:hover{background:#eb68091a;transform:translateY(-1px)}.localization-country-button:active{background:#eb680926;transform:translateY(0)}.localization-country-button:focus{outline:2px solid #eb6809;outline-offset:2px}.localization-country-button.selected{background:#eb680926;color:#eb6809;font-weight:600}.localization-country-button.selected:hover{background:#eb680933}.localization-modal[open]{animation:modal-fade-in .3s ease-out}.localization-modal.dialog-closing{animation:modal-fade-out .3s ease-in}@media (max-width: 768px){.localization-modal{width:95vw;max-height:85vh}.localization-modal__header,.localization-modal__body{padding:16px}.localization-modal-content__regions{gap:24px}.localization-modal-content__columns{grid-template-columns:1fr;gap:16px}.localization-modal-content__bottom-row{flex-direction:column;gap:16px}.localization-region{padding:16px}.localization-region--column{padding:12px;min-height:auto}.localization-modal-content__top-row .localization-region__buttons{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.localization-modal-content__columns{grid-template-columns:1fr 1fr;gap:16px}.localization-region--column:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}@media (max-width: 480px){.localization-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.localization-modal__title{font-size:20px}.localization-modal-content__regions{gap:16px}.localization-modal-content__top-row{margin-bottom:16px}.localization-modal-content__columns{gap:12px}.localization-region--column{padding:8px}.localization-modal-content__top-row .localization-region__buttons{grid-template-columns:1fr}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/modal-localization.css.map */
