.swatch-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111580;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:9999;padding:16px}.swatch-popup.is-open{display:flex;animation:swpop-overlay .2s ease both}@keyframes swpop-overlay{0%{opacity:0}to{opacity:1}}.swatch-popup .popup-main{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:88vh;position:relative;display:flex;flex-direction:column;overflow:hidden;text-align:left;box-shadow:0 24px 70px #00000057;animation:swpop-rise .26s cubic-bezier(.2,.8,.2,1) both}@keyframes swpop-rise{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}.swatch-popup .popup__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px 15px 22px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.swatch-popup .popup__title{font-size:14px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:#141416;margin:0}.swatch-popup .close{cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#0000000d;transition:background .15s ease;flex-shrink:0}.swatch-popup .close:hover{background:#0000001a}.swatch-popup .close svg{width:15px;height:15px}.swatch-popup .popup_body{padding:20px 22px 24px;overflow:auto;-webkit-overflow-scrolling:touch}.swatch-popup .image__grid{display:flex;gap:10px;flex-wrap:wrap}.swatch-popup .popup_img{flex:1 1 calc(33.333% - 7px);max-width:calc(33.333% - 7px)}.swatch-popup .popup_img:only-child{flex-basis:100%;max-width:100%}.swatch-popup .popup__img{width:100%}.swatch-popup img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;aspect-ratio:4 / 3}.swatch-popup .img__caption{font-size:14px;font-weight:600;text-align:center;margin-top:9px;line-height:1.2}.swatch-popup .popup__rte{margin-top:22px}.swatch-popup .popup__rte .metafield-rich_text_field>*:not(:last-child){margin-bottom:12px}.swatch-popup .popup__rte h1,.swatch-popup .popup__rte h2,.swatch-popup .popup__rte h3,.swatch-popup .popup__rte h4,.swatch-popup .popup__rte h5,.swatch-popup .popup__rte h6{font-size:21px;line-height:1.2;font-weight:700;color:#141416;margin:0 0 4px;text-transform:none}.swatch-popup .popup__rte p{font-size:14.5px;line-height:1.6;color:#000000a8;margin:0}.swatch-popup .popup__rte strong{font-weight:700;color:#141416}.swatch-popup .popup__rte ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.swatch-popup .popup__rte li{position:relative;padding-left:29px;font-size:14px;line-height:1.45;color:#2c2c2e}.swatch-popup .popup__rte li:before{content:"";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#141416 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / 11px no-repeat}.swatch-popup .popup__rte .metafield-rich_text_field>p:last-child{background:#f5f6f7;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;color:#141416;margin-top:4px}.locked-scroll{overflow:hidden}@media screen and (max-width:767px){.swatch-popup .popup-main{max-width:100%;border-radius:18px}.swatch-popup .popup__rte h1,.swatch-popup .popup__rte h2,.swatch-popup .popup__rte h3,.swatch-popup .popup__rte h4,.swatch-popup .popup__rte h5,.swatch-popup .popup__rte h6{font-size:19px}.swatch-popup .img__caption{font-size:13px;margin-top:7px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/swatch-popup.css.map */