.fixed-bottom{padding:0}.product-personalization img,.product-personalization svg{width:100%;height:100%;object-fit:cover}.personalization-buttons__container{display:flex;gap:15px}.modal-container.product-personalization.single-personalization-container-wrapper{min-width:100%}.product-personalization .modal-content{max-height:92vh;border-radius:5px 5px 0 0;overflow:hidden}.product__info-wrapper .modal-content.product-personalization__modal modal-close.modal-close-icon{margin-top:0;margin-right:0}.main-content:has(.product-personalization .modal-viewer.active) .grid-item__content{z-index:-1}.products-personalization-button{height:calc(var(--buttons-height) - 3px);font-weight:600;font-size:16px;line-height:24px;border:none;width:100%;padding:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:var(--buttons-radius);text-align:center;position:relative;z-index:0;border:2px solid rgb(7,40,53)}.products-personalization-button.single-product:hover,.products-personalization-button.bulk-products:hover{background-color:#ededed;outline:3px solid rgb(237,237,237)}.products-personalization-button.single-product.btn--primary:before,.products-personalization-button.bulk-products.btn--primary:before{background-color:#ededed}.single-personalization__container{--personalization-container--width: 100vw;--container--padding-inline: 10px;width:var(--personalization-container--width);display:flex;flex-direction:column;align-items:center;padding:0}.personalization-header{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.personalization-header--text{font-size:14px}.option--reset{cursor:pointer;text-decoration:underline}.option--reset:hover{color:#ff4c4c}.product-personalization__container{overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:42% 56%;border-radius:5px;box-shadow:0 0 5px #c2c2c2;max-height:99vh}.personalization-preview__container{overflow:hidden;border-radius:6px;border:1px solid #CCC}.product-personalization--canvas{object-fit:contain}.personalization-customizer__wrapper{max-width:unset;padding:5px 0 5px 5px;position:relative;height:100%}.customizer-form__container{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;border-radius:5px;background-color:#fff;transform:scale(.9);opacity:0;transition:all .2s ease-in-out}.customizer-form__container.active{transform:scale(1);opacity:1}.customizer-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.product-personalization--bulk__container .customizer-form{height:70%}.text-customizer--fields{display:flex;flex-direction:column}.input-fields--label{margin:0;color:#525252;font-size:12px!important;font-weight:900!important}.text-input--limit{font-size:10px;line-height:11px}.text-input-fields__container{display:flex;align-items:center;justify-content:flex-start;gap:5px;height:60%;max-height:40px}.text-input-fields__container:not(:has(.text-orientation__option)) .customizer-text__input{width:100%}.customizer-text__input:focus,.customizer-text__input{width:90%;min-width:70%;font-size:17px!important;border-radius:4px;outline:1px solid #6e6e6e!important;outline-offset:0rem!important}.text-customizer--fields,.personalization-customizer__wrapper .customizer-options__container{border-radius:6px;border:1px solid #CCC}.red-outline{border:1px solid #6e6e6e;outline:1px solid red!important;outline-offset:1px}.text-orientation__wrapper{display:flex;justify-content:space-around;align-items:center;gap:5px;height:100%;width:unset}.text-orientation__option:not(.active):hover{outline:1px solid #ff4c4c}.text-orientation__option{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:5px;border:1px solid #e3e3e3;outline:1px solid #b6b6b6;border-radius:5px;position:relative;min-width:min(35px,10%)}.text-orientation__option.active{border:1px solid #FE6B6F;outline:1px solid #FE6B6F!important}.desktop-style-icon svg path{fill:#fe6b6f}.sidebar-toggler--button:hover{box-shadow:0 5px 5px #d6d6d6;border:2px solid #ff4c4c}.sidebar-toggler--button:active{transform:scale(.99);box-shadow:inset 0 2px 5px 2px #d6d6d6;transition:unset}.sidebar-toggler--button{display:flex;align-items:center;justify-content:space-between;gap:5px;height:12%;min-height:40px;border:2px solid #717171;border-radius:5px;color:#4b4b4b;transform:scale(1);transition:all .15s ease-in-out .05s;padding:0 0 0 5px;font-size:12px;position:relative;overflow:hidden;white-space:nowrap}.sidebar-toggler--button:has(.selected-opt){border:2px solid #1d970c}.sidebar-toggler--button:hover .sidebar-icon__wrapper{transform:translate(0)}.selected-option--label{display:none}.selected-option--label:has(.selected-opt){display:block}.selected-opt{font-weight:600;font-size:10px}.sidebar-icon__wrapper{display:flex;justify-content:flex-start;align-items:center;gap:2px;position:absolute;top:0;bottom:0;right:0;background:#e4e4e4;transform:translate(65%);transition:all .25s ease-in-out;padding-right:5px}.sidebar-icon__wrapper:before{content:"";background:#e4e4e4;top:-50%;position:absolute;bottom:-50%;left:-10%;right:-30%;border-radius:100%;z-index:-1;box-shadow:0 0 5px #0005}.toggler-svg__wrapper{width:20px;height:20px}.personalized-actions__wrapper{height:45px;display:flex;justify-content:flex-end;gap:10px;padding-inline:5px}.personalization-action__container{min-width:42%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.bulk-personalization-close--button:hover,.personalization-close--button:hover{color:#fff;background-color:#ff4c4c}.bulk-personalization-close--button,.personalization-close--button{display:flex;justify-content:center;align-items:center;font-size:14px;color:#ff4c4c;border:2px solid #ff4c4c;border-radius:5px;opacity:0;transform:scale(.9);transition:all .2s ease-in-out;cursor:pointer}.bulk-personalization-close--button.active,.personalization-close--button.active{opacity:1;transform:scale(1)}.personalization-close--button.active+.quantity-change__container{transform:translate(110%)}.quantity-change__container{display:flex;align-items:center;border:2px solid #7d7d7d;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a;position:absolute;left:1%;transform:translate(0);transition:all .2s ease-in-out}.quantity-change__container button{color:#4f4f4f;cursor:pointer;font-size:20px;min-width:15px;padding:0;border:none}.quantity-change__container input{height:45px;border:none;font-size:16px;padding:0;width:inherit}.quantity-change__container .quantity-change--input::-webkit-inner-spin-button,.quantity-change__container .quantity-change--input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-change__container .quantity-change--input[type=number]{-moz-appearance:textfield}.addtocart--button{min-width:56%;height:100%;background:#ff4c4c;color:#fff;border-radius:5px}.addtocart--button:disabled{background:#c4c4c4;color:#464646;cursor:not-allowed}.customizer-options__sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:10px;background-color:#fff;position:absolute;top:0%;bottom:0%;left:0%;right:0%;transform:translate(110%);transition:all .2s ease-in-out;box-shadow:0 0 5px #c2c2c2;padding:3px;border-radius:5px 0 0 5px;overflow:hidden}.customizer-options__sidebar.active{transform:translate(0)}.customizer-options__wrapper{max-height:85%;height:100%;display:none;flex-direction:column;justify-content:flex-start;gap:5px}.customizer-options__wrapper.active{display:flex}.customizer-header__wrapper:has(.customizer-search.active){height:70px}.customizer-header__wrapper{height:30px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;transition:all .2s ease-in-out}.customizer-header__container{height:30px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px}.customizer-header--label{width:85%;display:flex;justify-content:flex-start;align-items:center;gap:10px}.customizer-back--button{width:25px;height:25px;padding:2px;border-radius:5px;transition:all .2s ease-in-out}.customizer-button[data-action=cancel]:hover,.search-toggle--button:hover,.customizer-back--button:hover{background-color:#e7e7e7}.customizer-button[data-action=cancel]:active,.search-toggle--button:active,.customizer-back--button:active{background-color:#e7e7e7;box-shadow:inset 0 0 3px #848484;transition:unset}.search-toggle--button{max-width:25px;max-height:25px;border-radius:5px;outline:1px solid #bebebe!important;padding:5px;height:100%;display:flex;justify-content:center;align-items:center}.customizer-search.active{height:35px;padding:2px}.customizer-search{display:block;height:0%;padding:0;overflow:hidden;transition:all .2s ease-in-out}.options-search--input{font-size:12px;padding:2px;border-radius:5px;outline:1px solid #7f7f7f;height:25px}.customizer-options__container{max-height:100%;overflow-y:auto;border-radius:5px;transition:all .2s ease-in-out}.customizer-all__options{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(1,1fr);grid-gap:10px;padding:5px;border-radius:5px}.customizer-option:hover{outline-offset:1px}.customizer-option{display:flex;align-items:center;justify-content:center;border:1px solid #bebebe;border-radius:5px;overflow:hidden;margin:0;aspect-ratio:1;cursor:pointer}.customizer-font__option.customizer-option .customizer-font__preview{color:#000}.customizer-font__option.customizer-option.font-style-option-selected .customizer-font__preview{color:#fe6b6f}.customizer-font__option.font-style-option-selected{border-radius:4.156px;color:#fe6b6f;border:.831px solid #000;background:#000}.customizer-icon__option.icon-option-selected,.customizer-pattern__option.font-pattern-option-selected{border:2px solid #EA5753}.customizer-option input{visibility:hidden;position:absolute}.option-preview__wrapper{display:flex;justify-content:center;align-items:center}.customizer-actions__wrapper{height:10%;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px}.customizer-button{height:100%;font-size:16px;border-radius:5px}.customizer-button[data-action=cancel]{color:#292929;outline:1px solid #6f6f6f;width:50%}.customizer-button[data-action=save]{background-color:#ff4c4c;color:#fff;width:60%}.customizer-button[data-action=save]:disabled{background-color:#d2d2d2;color:#464646}@media only screen and (min-width: 750px){.single-personalization__container{--personalization-container--width: 532px;max-width:75rem;min-width:40rem;min-height:20rem;height:100%}.product-personalization .modal-content{border-radius:5px;transform:translateY(6rem)}.product-personalization__container{grid-template-columns:repeat(2,1fr);grid-gap:12px}.search-toggle--button{max-width:5vw;max-height:5vh}.personalization-header--text{font-size:18px}.personalized-actions__wrapper{height:35px}.sidebar-toggler--button,.customizer-actions__wrapper{min-height:35px}single-personalization .sidebar-toggler--button,single-personalization .customizer-actions__wrapper{min-height:fit-content}.text-orientation__option{width:40px}.personalization-buttons__container{flex-direction:row;width:100%;gap:.5rem}.personalization-buttons__container .product-personalization{width:100%}.product__info-container.sticky-element{z-index:1}.sticky-element.z-999{z-index:999}}modal-button.products-personalization-button:hover .stars{transform:scale(.9)}.stars{position:relative;display:block;width:30px;aspect-ratio:1/1;transition:filter .3s,scale .2s;transform:scale(.7)}.star{position:absolute;top:10%;right:0;bottom:0;left:65%;display:block;width:26px;aspect-ratio:1/1;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEyIDNDMTIgNy45NzA1NiAxNi4wMjk0IDEyIDIxIDEyQzE2LjAyOTQgMTIgMTIgMTYuMDI5NCAxMiAyMUMxMiAxNi4wMjk0IDcuOTcwNTYgMTIgMyAxMkM3Ljk3MDU2IDEyIDEyIDcuOTcwNTYgMTIgM1oiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);background-repeat:no-repeat;background-size:contain}.star.__middle{top:45%;left:4%;width:22px}.star.__small{left:22%;width:18px;top:-10%}modal-button.products-personalization-button:hover .stars{filter:none}modal-button.products-personalization-button:hover .star{animation:starShine 2s ease-in infinite alternate}modal-button.products-personalization-button:hover .star.__middle{animation-delay:-1.5s}modal-button.products-personalization-button:hover .star.__small{animation-delay:-2.5s}@keyframes starShine{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1.1)}}.personalization-step{display:none}.personalization-step.active{display:block}.step-navigation{padding:1rem;gap:1rem}.step-button{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.step-button.step-prev{background:#f3f4f6;color:#374151}.step-button.step-next,.step-button.step-edit{color:#fff}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.mobile-tab-navigation,.mobile-only{display:none}.tab-buttons{overflow-x:auto}.tab-button{flex:1;min-width:80px;padding:.75rem .5rem;border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;white-space:nowrap}.tab-button.active{border-bottom-color:#ff6b35;color:#ff6b35;font-weight:500}.customizer-all__options.bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:1rem}.customizer-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.option-preview__wrapper{border:2px solid #e5e7eb;border-radius:.375rem;padding:.5rem;transition:border-color .2s}.customizer-option--input:checked+.option-preview__wrapper{border-color:#ff6b35}.font-label,.pattern-label,.icon-label{font-size:.75rem;text-align:center}.preview-summary{padding:1rem}.preview-details{border-radius:.5rem;padding:0rem}.preview-item{display:flex;justify-content:between}.preview-label{font-weight:500;min-width:100px}.preview-value{color:#6b7280}.customizer-font__option .customizer-option--input[data-option-label="Barokah signature"]+.customizer-font__preview{height:45px;font-size:16px;align-items:end;justify-content:end}@media (max-width: 768px){.mobile-only{display:block}.customizer-font__option .customizer-option--input[data-option-label="Barokah signature"]+.customizer-font__preview{font-size:10px;justify-content:center}.font-label.Barokah_signature{line-height:7px}.step-navigation{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1rem;z-index:10}}@media (min-width: 769px){.mobile-tab-navigation{display:none}}@media (min-width: 769px){.static-image-container{height:100%;flex-shrink:0;background:#fff;border-bottom:1px solid #e5e5e5}bulk-personalization .static-image-container{height:313px}.customization-steps-container{height:100%;display:flex;flex-direction:column}.desktop-scroll-container{display:flex!important;overflow-y:auto;flex:1;flex-direction:column;gap:12px}.personalization-step{display:flex!important;flex-direction:column;height:auto}.step-content-wrapper{min-height:100%;display:flex;flex-direction:column}.personalization-customizer__wrapper,.customizer-form__container,.customizer-options__container{flex:1;display:flex;flex-direction:column}.customizer-form,.customizer-all__options{flex:1}.text-customizer--fields,.customizer-all__options{padding-bottom:30px}.preview-step-container{height:calc(70vh - 300px);display:flex;flex-direction:column}.preview-content{display:flex;flex:1;height:100%;gap:24px}.preview-image-section{width:27.5%;display:flex;align-items:center;justify-content:center;padding:unset;height:148px!important}.preview-details-section{width:71%;height:100%;display:flex;flex-direction:column;padding:20px}.preview-image-section .product-personalization--canvas{width:100%;height:100%;object-fit:contain}.preview-summary{flex-shrink:0}.personalized-actions__wrapper{margin-top:auto}.mobile-tab-navigation{display:none}.desktop-step-navigation{background:#fff;padding:15px 0}.preview-step-container:not(.hidden-block){display:flex!important}.preview-step-container:not(.hidden-block)~.customization-steps-container{display:none!important}.customization-steps-container:not(.hidden-block){display:flex!important}.preview-step-container:not(.hidden-block)~.static-image-container{display:none!important}.preview-add-to-cart-btn{position:absolute;bottom:0;left:0;padding:12px 16px;width:100%;background:#fff;box-shadow:0 3px 8px #0000003d}}@media (max-width: 768px){.static-image-container{display:none}.desktop-scroll-container{height:100%;overflow:visible}.personalization-step:not(.active){display:none!important}.personalization-step.active{display:flex!important;flex-direction:column;height:100%}.preview-step .step-content-wrapper{height:100%}.personalization-preview__container{display:block!important}.preview-step-container{display:none!important}.preview-step .preview-content{flex-direction:column}.preview-step .preview-image-section,.preview-step .preview-details-section{width:100%}.mobile-sticky-btns{display:flex;flex-direction:row;width:100%;bottom:0%;justify-content:space-around;align-items:center;gap:12px}.mobile-sticky-btns .quantity-selector-wrapper{position:unset;width:110px}.mobile-sticky-btns .step-navigation.mobile-step-navigation{position:unset;width:222px;background-color:unset;border-top:unset;margin-top:0;height:auto}single-personalization product-customizer .customization-steps-container{overflow:hidden}single-personalization product-customizer .desktop-scroll-container .personalization-step{overflow-x:hidden}}@media (min-width: 769px){.static-image-container{height:100%;flex-shrink:0;background:#fff;border-bottom:1px solid #e5e5e5}.preview-step-container{height:calc(70vh - 300px);display:flex;flex-direction:column}.preview-content{display:flex;flex:1;height:100%}.preview-image-section .product-personalization--canvas{width:100%;height:100%;object-fit:contain}.preview-summary{flex-shrink:0}.personalized-actions__wrapper{margin-top:auto}.mobile-tab-navigation{display:none}.desktop-step-navigation{background:#fff;padding:15px 0}single-personalization .personalization-preview__container{display:none!important}single-personalization .preview-step-container:not(.hidden-block){display:flex!important}single-personalization .preview-step-container:not(.hidden-block)~.customization-steps-container{display:none!important}single-personalization .customization-steps-container:not(.hidden-block){display:flex!important}single-personalization .preview-step-container:not(.hidden-block)~.static-image-container{display:none!important}}@media (max-width: 768px){.static-image-container{display:none}.desktop-scroll-container{height:100%;overflow:visible}.personalization-step:not(.active){display:none!important}.personalization-step.active{display:flex!important;flex-direction:column;height:100%}.preview-step .step-content-wrapper{height:100%}.personalization-preview__container{display:block!important}.preview-step-container{display:none!important}.preview-step-container.active{display:block!important}.preview-step .preview-content{flex-direction:column}.preview-step .preview-image-section,.preview-step .preview-details-section{width:100%}bulk-personalization .customizer-form__container,bulk-personalization .personalization-step .personalization-customizer__wrapper,bulk-personalization .product-personalization--bulk__container .personalization-step .step-content-wrapper,bulk-personalization .personalization-step.active,bulk-personalization product-customizer.product-personalization--bulk__container .desktop-scroll-container{justify-content:end;height:auto}.desktop-scroll-container{flex:none}}.hidden-block{display:none!important}.step-navigation{margin-top:auto}.step-button{padding:12px 24px;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .3s}.step-button:disabled{opacity:.5;cursor:not-allowed}.step-button:not(:disabled):hover{opacity:.9}.preview-section-title{font-size:18px;font-weight:700;margin-bottom:15px;color:#333}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.preview-label{font-weight:600;color:#666}.preview-value{color:#333;font-weight:500}.edit-customization-btn{padding:12px;background:#fff;border:2px solid;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s}.edit-customization-btn:hover{opacity:.9}.addtocart--button{padding:15px;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .3s}.addtocart--button:hover{opacity:.9}.static-image-container{border-radius:6px;border:1px solid #CCC}@media (min-width: 769px) and (max-width: 1280px){single-personalization .static-image-container{height:100%}bulk-personalization .static-image-container,bulk-personalization .static-image-container #mainPersonalizationCanvas{max-height:135px}single-personalization .quantity-selector,single-personalization .step-navigation.desktop-step-navigation .step-button,bulk-personalization .bulk-add--button,bulk-personalization .step-button,bulk-personalization .bulk-quantity-selector{height:30px}single-personalization .quantity-selector,bulk-personalization .bulk-quantity-selector{gap:5px}single-personalization .quantity-selector .quantity-input,bulk-personalization .bulk-quantity-selector .bulk-quantity-input{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/312/assets/single-product-personalization-modal.css.map */