.suggestions-drawer{position:absolute;top:0;left:0;padding:24px;width:328px;height:100%;background-color:#f7f4ed;display:flex;flex-flow:column nowrap;transition:all .3s;transform:translate(-110%);overflow:auto;visibility:hidden;opacity:0;-webkit-box-shadow:inset -1px 0px 8px 0px rgba(0,0,0,.08);-moz-box-shadow:inset -1px 0px 8px 0px rgba(0,0,0,.08);box-shadow:inset -1px 0 8px #00000014}.suggestions-drawer.open{visibility:visible;opacity:1;transform:translate(-100%)}.suggestions-drawer__title{color:#413e32;font-size:16px;line-height:20px;font-family:var(--font-serif)!important;text-align:center;margin-bottom:24px}.suggestions-drawer__title span.text{font-family:var(--font-serif)!important}.suggestions-drawer__products{flex:1}@media screen and (max-width: 1023px){.suggestions-drawer{width:296px}}@media screen and (max-width: 767px){.suggestions-drawer{width:280px}.suggestions-drawer__title{font-size:15px;line-height:20px;margin-bottom:16px;text-align:left;display:flex;flex-flow:row wrap;gap:0 16px}.suggestions-drawer__title .text{flex:1}.suggestions-drawer__toggle{width:20px;height:20px;color:#df9640;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}.suggestions-drawer__toggle svg{display:block;width:100%;height:auto}}.product-simple{display:flex;flex-flow:row wrap;padding:12px;border-radius:8px;background-color:#fdfcf9;gap:0 16px}.product-simple:not(:last-child){margin-bottom:16px}.product-simple__image{width:64px;height:64px;border-radius:8px;background-color:#fff}.product-simple__body{flex:1}.product-simple__title{font-size:13px;line-height:20px;color:#413e32}.product-simple__actions a:hover{text-decoration:none}@media screen and (max-width: 767px){.product-simple{padding:8px}.product-simple__image{width:56px;height:56px}.product-simple__title{font-size:12px;line-height:18px}}.callout-drawer{background-color:#fff;border-radius:8px;position:relative}.callout-drawer__head{margin-bottom:24px;display:flex;flex-flow:row wrap}.callout-drawer__message{color:#635d4f;flex:1;padding:16px 24px;font-size:13px;line-height:20px;font-family:Elza Medium,serif!important;font-weight:500}.callout-drawer__image{position:relative;border-radius:0 8px;height:150px;width:126px;overflow:hidden}.callout-drawer__image svg,.callout-drawer__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.callout-drawer__body{padding:0 24px 24px}.callout-drawer__title{color:#635d4f;font-family:var(--font-serif)!important;font-size:20px;line-height:24px;margin-bottom:16px}.callout-drawer__actions a{color:#df9640;text-decoration:underline;font-size:13px;line-height:20px}.callout-drawer__actions a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.callout-drawer__actions a:hover{text-decoration:none}@media screen and (max-width: 767px){.callout-drawer__message{padding:16px;font-size:12px;line-height:18px}.callout-drawer__image{width:116px;height:138px}.callout-drawer__title{font-size:18px;line-height:24px;margin-bottom:8px}.callout-drawer__actions a{font-size:12px;line-height:18px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/component-suggestions-drawer.css.map */