.garan-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:150px;padding:0;margin-block-start:var(--sp-1);border:0;background:transparent;cursor:pointer;box-shadow:0 2px 5px #0000000d;border-radius:var(--sp-2);overflow:hidden}@media screen and (max-width:990px){.garan-button{width:120px}}.garan-button img{display:block;max-width:100%;height:auto;object-fit:contain}.garan-button.product__garan-button{width:180px;margin-block-start:var(--sp-4)}@media screen and (max-width:990px){.garan-button.product__garan-button{width:150px}}x-modal.garan-modal{display:none}x-modal.garan-modal:not([hidden]){display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}x-modal.garan-modal .overlay,html.js x-modal.garan-modal .overlay{background:rgb(var(--color-overlay) / .7)}html.js x-modal.garan-modal.drawer .drawer__inner,html.js x-modal.garan-modal.drawer.garan-popup .drawer__inner{position:static;inset:auto;inset-block-start:auto;inset-block-end:auto;width:100%;height:auto;max-height:90vh;max-width:56rem;margin:0;transform:scale(.96);opacity:0;border-radius:var(--sp-4);background-color:rgb(var(--color-total-white));box-shadow:0 12px 40px #0000002e;overflow:hidden}html.js x-modal.garan-modal.drawer[active]>.drawer__inner{opacity:1;transform:scale(1)}.loaded x-modal.garan-modal.drawer .drawer__inner{transition-property:transform,opacity;transition-duration:.35s;transition-timing-function:ease}.garan-popup .garan-popup__shell{display:flex;flex-direction:column;max-height:90vh;position:relative}.garan-popup .garan-popup__close{position:absolute;top:var(--sp-5);right:var(--sp-5);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--sp-7);height:var(--sp-7);padding:0;border:0;background:transparent;cursor:pointer}@media screen and (max-width:990px){.garan-popup .garan-popup__close{top:var(--sp-4);right:var(--sp-4);width:var(--sp-5d5);height:var(--sp-5d5)}}.garan-popup .garan-popup__close svg{width:var(--sp-4);height:var(--sp-4)}.garan-popup .garan-popup__body{padding:var(--sp-12) var(--sp-8) var(--sp-8);overflow-y:auto;min-height:0}@media screen and (max-width:990px){.garan-popup .garan-popup__body{padding:var(--sp-10) var(--sp-5d5) var(--sp-5d5)}}.garan-popup .garan-popup__image{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/56/assets/garan-popup.css.map */