.hide{display:none!important}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.modal.active{display:block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#0006;z-index:999}.modal-content{position:relative;max-width:90%;display:flex;width:520px;padding:24px;flex-direction:column;align-items:flex-start;gap:16px;border-radius:16px;background:#f4f7ff;max-height:80vh;overflow-y:auto}#close-modal-top{width:24px;height:24px;transform:rotate(90deg);position:absolute;right:16px;top:16px}.modal-content h3{color:#000;font-family:var(--font-subheading--family);font-size:25px;font-style:normal;font-weight:600;line-height:39px;letter-spacing:-.5px;margin:0}.items-wr{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}#protector-editor-inline .modal-note{display:none}.inline-note{color:#303030;font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:normal;padding-bottom:16px}.modal-content .inline-note{display:none}#protector-editor{display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:16px;background:#fff}.modal-note{color:#303030;font-family:var(--font-subheading--family);font-size:14px;padding-bottom:16px;font-style:normal;font-weight:400;line-height:normal}.custom-protector-form h2{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.5px;margin-bottom:16px}.custom-protector-form .description{padding-bottom:16px}.custom-protector-form .row{display:grid;grid-template-columns:subgrid}.custom-protector-form .row .col-left{order:0;width:0;min-width:100%}.custom-protector-form .row .col-right{display:flex;align-self:start;justify-content:center;order:1}.custom-protector-form .col-right h2{font-size:33px;font-family:var(--font-subheading--family);font-weight:600;line-height:39px;letter-spacing:-.5px;color:#000;margin-bottom:16px;padding-top:20px}.custom-protector-form .col-right .description{color:#303030;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-bottom:16px}.add-custom-size-btn{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:14px;align-self:stretch;border-radius:50px;border:1px solid #AFAFAF;width:100%;background:none;cursor:pointer;margin:16px 0}#protector-form{display:flex;flex-direction:column;gap:16px}.note1{color:#000;font-family:var(--font-subheading--family);font-size:13px;font-style:italic;font-weight:400;line-height:normal;margin:0}.info-contact{border-radius:16px;background:#fff;display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.info-contact h3{color:#303030;font-family:var(--font-subheading--family);font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:8px}.info-contact .des_form{color:#303030;font-family:var(--font-subheading--family);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.list-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.list-field .field{display:flex;align-items:center;gap:8px;align-self:stretch}.list-field .field-note{align-items:flex-start}.list-field .field label{width:100px;color:#303030;text-align:right;font-family:var(--font-subheading--family);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.list-field .field-note label{min-height:30px}.list-field .field input,.list-field .field select,.list-field .field textarea{display:flex;padding:10px 16px;align-items:center;gap:16px;flex:1 0 0;border-radius:8px;border:1px solid #DFDFDF;box-shadow:none;color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.13px}.list-field .field input[type=number]{padding-right:12px}.list-field .field input:placeholder,.list-field .field textarea:placeholder{color:#666468}#protector-form #submit-btn{display:flex;height:45px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;border-radius:50px;background:#000;color:#fff;text-align:right;font-family:var(--font-subheading--family);font-size:14px;font-style:normal;font-weight:400;line-height:normal;border:none;cursor:pointer}#protector-form #submit-btn:disabled{opacity:.3;cursor:no-drop}.note2{color:#000;font-family:var(--font-subheading--family);font-size:12px;font-style:italic;font-weight:400;line-height:normal;text-align:center}.item-info-hide{display:none}#items-wrapper{display:flex;gap:8px;flex-direction:column;width:100%}#items-wrapper:empty{margin-bottom:0}#items-wrapper .item{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;gap:16px;align-self:stretch;border-radius:12px;background:#407bb1}#items-wrapper .item button.editItem{background:none;padding:0;border:none;cursor:pointer}#items-wrapper .item button.editItem svg{width:24px;height:24px}.item-info-show{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.18px;display:flex;gap:16px;font-family:DM Sans}.item-info-show strong{font-weight:600}.item-fields .field{gap:16px}.item-fields .field label{width:72px;font-size:14px;flex-shrink:0}.item-fields .field label span{font-size:11px}.item-fields .field input,.item-fields .field textarea,.item-fields .field select{font-size:14px}.item-fields .field textarea{padding:8px 16px;height:154px}.size-inputs{display:flex;align-items:center;gap:8px;flex:1 0 0}.size-inputs>span:not(.size-item){flex-shrink:0}.item-qty-wr{width:100%}.item-fields .field input,.item-fields .field select{font-size:14px;height:46px;width:100%}.item-fields .field .size-inputs input{width:100%}.size-item{position:relative;color:#000}.size-item input{color:var(--Text-Text-Black, #000);font-family:var(--font-body, "DM Sans");font-size:14px;font-style:normal;font-weight:400;line-height:var(--line-height-md, 24px);letter-spacing:.14px;padding:10px 16px;border-radius:8px}.size-item-type{border-radius:0 8px 8px 0;background:#ededed;position:absolute;right:-.333px;display:flex;width:32px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:8px;top:1px}.modal-actions{display:flex;align-items:flex-start;gap:8px;width:100%}.modal-actions button{display:flex;padding:12px 10px;justify-content:center;align-items:center;gap:14px;flex:1 content;border-radius:8px;border:1px solid #AFAFAF;color:#000;width:100%;background:none;cursor:pointer;font-family:Poppins;font-size:14px}.modal-actions button#save-item{background:#000;color:#fff}.modal-actions button#delete-item{color:#ce1414}#delete-item{color:#dc2626}#delete-item svg{width:22px;height:22px}#item-modal:not(.edit) #delete-item{display:none}.form-success:not(.hidden){display:flex;padding:8px 12px;justify-content:space-between;align-items:center;gap:16px;border-radius:8px;background:#2ba35d;color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:22px}.form-success .fs-left{display:flex;gap:12px}.form-success .fs-right{cursor:pointer}.custom-protector-form,.custom-protector-form .inline-wr *{max-width:min(100%,508px)}.custom-protector-form .product-recomment{width:100%;color:#000;font-family:DM Sans;font-size:13px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:.13px;padding:12px 15px;position:relative;background:#e7f9ff;border-left:4px solid #005F78;border-radius:0 8px 8px 0}.custom-protector-form .product-recomment:not(.no-product-found) .no-found{display:none}.custom-protector-form .product-recomment.no-product-found .found{display:none}.custom-protector-form .product-recomment.no-product-found{background:#ffe7e7;border-color:#780000}.custom-protector-form .product-recomment .found{font-size:13px;padding:4px 0 8px}.custom-protector-form .product-recomment .found.bold{font-weight:700;padding:0}.close-recomment{position:absolute;right:8px;top:8px;width:12px;height:12px;cursor:pointer}.custom-protector-form .product-recomment.no-product-found .close-recomment{top:14px}.custom-protector-form .product-recomment.no-product-found .close-recomment svg{fill:#780000}.product-recomment-btn{text-decoration:underline}.custom-protector-form .product-recomment span{font-size:13px;font-weight:400;display:block}.custom-protector-form .product-recomment a{text-decoration:underline}.custom-protector-form .list-products{display:flex;gap:8px;flex-direction:column}.upload-img-wr{display:flex;gap:8px}#upload-image-btn{display:flex;padding:10px 16px;align-items:center;gap:16px;border-radius:8px;border:1px solid #DFDFDF;background:#f4f4f4;cursor:pointer;position:relative;flex-shrink:0}#upload-image-btn input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}#preview-images{word-wrap:break-word;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px}#preview-images:empty:after{content:"No file attached";color:#000;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.12px;opacity:.6;display:flex;align-items:center}#preview-images>div{display:flex;align-items:center;gap:2px}.custom-protector-col{max-width:100%}.remove-image{cursor:pointer}@media screen and (min-width:750px){.custom-protector-form .row{grid-column:2}.custom-protector-form .row .col-left{padding-right:24px}.custom-protector-form .row .col-right{padding-left:24px}.custom-protector-ct{background:#f4f7ff;padding:24px}.items-wr{padding:24px;border-radius:16px;background:#fff}.list-field .field.product-recomment-btn{display:none}}@media screen and (min-width:1024px){.custom-protector-col{margin-top:-150px;max-width:min(100%,556px)}}@media screen and (min-width:1200px){.custom-protector-form .row{grid-template-columns:2fr 1fr}.custom-protector-col{margin-top:-190px;max-width:min(100%,556px)}}@media screen and (max-width:750px){.custom-protector-colleft{order:2}.custom-protector-colleft .icon-block{width:21px;height:21px}.custom-protector-colleft .icon-block+.custom-typography{font-size:16px}.custom-protector-colleft .icon-block+.custom-typography *{font-size:16px}.info-contact{padding:0}.size-inputs{flex-direction:column}.hide-mb{display:none}.list-field .field.size-group{align-items:flex-start}.item-fields .field.size-group label{padding-top:10px}.list-field .field.upload-group{align-items:flex-start}.item-fields .field.upload-group label{padding-top:10px}.size-item{width:100%}.modal-content h3{font-size:20px}#protector-editor{padding:0;border-radius:0}.modal-content{background:#fff}.item-fields .field textarea{height:64px}.upload-img-wr{flex-direction:column;width:100%}#upload-image-btn{width:100%;justify-content:center}.item-info-show{font-size:16px}#items-wrapper .item button.editItem svg{width:16px;height:16px}#MainContent.show-modal{position:relative;z-index:99}.modal-content{max-width:100%;border-radius:0;max-height:100dvh;z-index:99999}.modal-content,.modal,.modal-overlay{height:100dvh}}main[data-template="page.custom-protector"] .hero__media,main[data-template="page.custom-protector-new"] .hero__media{object-position:0px -491.373px}main[data-template="page.custom-protector"] .hero__media-grid .overlay--solid,main[data-template="page.custom-protector-new"] .hero__media-grid .overlay--solid{background:linear-gradient(0deg,#0006 0% 100%)}main[data-template="page.custom-protector"] .hero__content-wrapper .text-block>*,main[data-template="page.custom-protector-new"] .hero__content-wrapper .text-block>*{letter-spacing:.2px!important}.border-bottom{border-bottom:1px solid #ADACAF}@media screen and (min-width:1400px){main[data-template="page.custom-protector"] .hero__content-wrapper .text-block>*,main[data-template="page.custom-protector-new"] .hero__content-wrapper .text-block>*{max-width:min(100%,775px)!important}}@media screen and (max-width:768px){main[data-template="page.custom-protector"] .hero__content-wrapper .h1,main[data-template="page.custom-protector-new"] .hero__content-wrapper .h1{font-size:30px!important}main[data-template="page.custom-protector"] .hero__content-wrapper .h1 *,main[data-template="page.custom-protector-new"] .hero__content-wrapper .h1 *{font-size:30px!important}main[data-template="page.custom-protector"] .hero__content-wrapper .custom-typography,main[data-template="page.custom-protector-new"] .hero__content-wrapper .custom-typography{font-size:16px!important}main[data-template="page.custom-protector"] .hero__content-wrapper .custom-typography *,main[data-template="page.custom-protector-new"] .hero__content-wrapper .custom-typography *{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-protector.css.map */