.product-modal-block{margin-block:1rem}.product-modal-block .modal-open-btn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:12px 14px;border-radius:4px;border:1px solid #e5e8eb;box-shadow:none;cursor:pointer;background-color:#f9f9f9}.product-modal-block .modal-open-btn .button-text{text-align:left}.product-modal-block .modal-open-btn .button-icon{display:flex;align-items:center}.product-modal-block .modal-container{position:fixed;inset:0;width:100%;height:100vh;overflow:hidden;z-index:9999}.product-modal-block .modal-container.hidden{display:none}.product-modal-block .modal-container .modal-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1;cursor:pointer}.product-modal-block .modal-container .modal-content{position:relative;z-index:2;top:100px;max-width:45rem;width:100%;max-height:85vh;overflow:auto;margin-inline:auto;background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.product-modal-block .modal-container .modal-content .modal-head{position:sticky;top:0;background-color:inherit;display:flex;justify-content:end;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(var(--border-color), 1)}.product-modal-block .modal-container .modal-content .modal-head .modal-title{color:#1c0d12;font-family:var(--custom-second-font-family);font-size:20px;font-weight:700;line-height:28px;font-feature-settings:"dlig" on}.product-modal-block .modal-container .modal-content .modal-head .modal-close{display:block;align-self:flex-end;background:#000;color:#fff;padding:6px 14px;border-radius:5px;border:none;cursor:pointer;font-size:14px;transition:.2s ease}.product-modal-block .modal-container .modal-content .modal-head .modal-close:hover{background:#333}.product-modal-block .modal-container .modal-content .modal-title-container{display:flex;padding:12px 32px;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch}.product-modal-block .modal-container .modal-content .modal-title-container .modal-title{color:#1c0d12;text-align:center;font-feature-settings:"dlig" on;font-family:var(--custom-second-font-family);font-size:20px;font-style:normal;font-weight:700;line-height:28px}.product-modal-block .modal-container .modal-content .modal-body{padding:16px 24px 32px 40px;display:flex;flex-direction:column;gap:12px}.product-modal-block .modal-container .modal-content .modal-body p,.product-modal-block .modal-container .modal-content .modal-body .rte p{margin-bottom:5px !important}