md-blog-popup[hidden]{display:none!important}md-blog-popup{display:block;position:fixed;right:var(--md-right);bottom:calc(var(--md-bottom) + env(safe-area-inset-bottom,0px));width:min(var(--md-width),calc(100vw - var(--md-right) - 12px));z-index:40;font-family:inherit;color:#181818;line-height:1.4;animation:md-popup-slide .3s ease-out}md-blog-popup *,md-blog-popup *:before,md-blog-popup *:after{box-sizing:border-box}.md-popup{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:var(--md-radius);box-shadow:0 8px 36px #00000024;padding:var(--md-padding);max-height:calc(100dvh - var(--md-bottom) - env(safe-area-inset-bottom,0px) - 16px);overflow:auto}.md-popup__close{position:absolute;top:0;right:0;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff;color:#222;font:22px/1 sans-serif;cursor:pointer;z-index:1}.md-popup__heading{margin:0 24px 8px 0;font-size:11px;font-weight:700;letter-spacing:.04em}.md-popup__body{display:flex;gap:var(--md-gap);align-items:center}.md-popup__image{width:var(--md-image);height:calc(var(--md-image) * 1.25);object-fit:contain;flex-shrink:0}.md-popup__details{flex:1;min-width:0;padding-top:12px}.md-popup__title{color:#181818;text-decoration:none;font-size:var(--md-title-size);font-weight:700;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:var(--md-title-lines);-webkit-box-orient:vertical;overflow:hidden}.md-popup__price{margin:4px 0 6px;font-size:var(--md-price-size);font-weight:700}.md-popup__button{display:flex;align-items:center;justify-content:center;margin-top:6px;padding:var(--md-button-padding) 10px;border-radius:999px;background:var(--md-accent);color:var(--md-button-text);text-align:center;text-decoration:none;font-size:var(--md-button-size);font-weight:700;line-height:1.3;min-height:44px;overflow-wrap:anywhere}.md-popup__button:hover{filter:brightness(.9)}.md-popup a:focus-visible,.md-popup button:focus-visible{outline:2px solid #181818;outline-offset:-2px}@media(max-width:600px){md-blog-popup{width:min(var(--md-mobile-width),calc(100vw - var(--md-right) - 12px))}}@keyframes md-popup-slide{0%{transform:translate(calc(100% + var(--md-right)));opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){md-blog-popup{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map */