.sample-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.sample-popup.active{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px}.sample-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c}.sample-popup__modal{position:relative;z-index:2;background:#f2f2f2;width:100%;max-width:780px;padding:48px 48px 40px;margin:auto;border-radius:6px}.sample-popup__card-header{display:flex;align-items:center;justify-content:space-between;grid-gap:4px 10px;flex-wrap:wrap;margin-bottom:8px}.sample-popup__close{position:absolute;right:16px;top:16px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#dcdbdb;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.sample-popup__close:hover{background:#cbc6bd}.sample-popup__close .icon-close{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round}.sample-popup__title{text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:600;margin:0 0 12px;color:#1a1a1a}.sample-popup__subtitle{text-align:center;max-width:360px;margin:0 auto 28px;font-size:14px;line-height:1.5;color:#555}.sample-popup__steps{background:#fff;border-radius:14px;padding:22px 24px;margin-bottom:22px}.sample-popup__badge{display:block;background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:14px;margin-inline:auto;max-width:fit-content}.sample-popup__step{display:flex;gap:14px;padding:16px 0;border-top:1px solid #ededed}.sample-popup__step:first-of-type{border-top:0}.sample-popup__step-num{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#f1f1f1;color:#111;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.sample-popup__step-title{margin:0 0 4px;font-size:14px;font-weight:700;color:#1a1a1a}.sample-popup__step-text{margin:0;font-size:13px;line-height:1.5;color:#666}.sample-popup__note{font-size:13px;line-height:1.5;color:#777;margin:0 4px 28px}.sample-popup__card{background:#fff;border:1px solid #e3e0d9;max-width:230px;padding:14px;margin-inline:auto}.sample-popup__card-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;margin-bottom:14px}.sample-popup__card-title{margin:0;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a}.sample-popup__card-text{margin:0 0 10px;font-size:12px;line-height:1.5;color:#777}.sample-popup__card-price{margin:0;font-size:13px;font-weight:700;color:#1a1a1a}.sample-popup__add{width:100%;padding:12px;border:1px solid #111;background:#fff;color:#111;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.sample-popup__add:hover{background:#111;color:#fff}.sample-popup__add[disabled]{opacity:.6;cursor:default}.sample-popup__add{position:relative}.sample-popup__spinner{display:none}.sample-popup__add.is-loading{opacity:1;color:transparent;pointer-events:none}.sample-popup__add.is-loading .sample-popup__add-text{visibility:hidden}.sample-popup__add.is-loading .sample-popup__spinner{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #111;border-top-color:transparent;border-radius:50%;animation:sample-popup-spin .6s linear infinite}@keyframes sample-popup-spin{to{transform:rotate(360deg)}}.sample-popup-trigger{width:100%;margin-top:-6px;padding:12px 16px;border-radius:100px;background:var(--sfInk, #111);color:#fff;border:1.5px solid var(--sfInk, #111);font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:1px}.sample-popup-trigger__label{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;line-height:1.3}.sample-popup-trigger__icon{width:18px;height:18px;flex-shrink:0}.sample-popup-trigger__sub{font-size:12px;font-weight:400;line-height:1.3;color:#fff;transition:color .25s ease}.sample-popup-trigger:hover{background:#111;color:#fff}.sample-popup-trigger:hover .sample-popup-trigger__sub{color:#fffc}.sample-popup-trigger{position:relative}.sample-popup-trigger[disabled]{cursor:default}.sample-popup-trigger.is-loading{color:transparent;pointer-events:none;background:#fff}.sample-popup-trigger.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #111;border-top-color:transparent;border-radius:50%;animation:sample-popup-spin .6s linear infinite}@media(max-width:600px){.sample-popup__modal{padding:44px 20px 28px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sample-popup.css.map */