.cde-recs,.cde-toolbar,.cde-modal-overlay,.cde-modal-panel{--cde-brand: #353956;--cde-text: #1a1a1a;--cde-muted: #5c5c5c;--cde-border: #ebebeb;--cde-bg: #ffffff;--cde-bg-subtle: #f5f5f5;--cde-radius: 12px;--cde-radius-sm: 8px}.cde-recs{padding:16px 0;border-top:1px solid var(--cde-border);margin-top:80px}.cde-recs.cart--hidden{display:none}.cde-recs__header{display:flex;align-items:center;padding:0 16px;margin-bottom:12px}.cde-recs__title{font-size:14px;font-weight:500;color:var(--cde-text);margin:0;letter-spacing:0;text-transform:none}.cde-recs__overflow{overflow:hidden;position:relative}.cde-recs__track{display:flex;align-items:stretch;gap:12px;padding-left:16px;padding-right:24px;padding-bottom:20px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;will-change:transform;transition:transform 0s}.cde-recs__track.cde-dragging{cursor:grabbing;transition:none}.cde-rec-card{flex:0 0 31%;display:flex;flex-direction:column;gap:6px}.cde-rec-card__img-wrap{aspect-ratio:1 / 1;border-radius:var(--cde-radius);overflow:hidden;border:1px solid var(--cde-border);background:var(--cde-bg-subtle)}.cde-rec-card__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.cde-rec-card__title{font-size:12px;font-weight:500;color:var(--cde-text);text-transform:none;letter-spacing:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.cde-rec-card__price-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cde-rec-card__price{font-size:13px;font-weight:600;color:var(--cde-text)}.cde-rec-card__compare{font-size:12px;font-weight:400;color:var(--cde-muted);text-decoration:line-through}.cde-rec-card__add{margin-top:auto;display:block;width:100%;padding:7px 6px;border:1.5px solid var(--cde-brand);background:transparent;color:var(--cde-brand);font-size:12px;font-weight:600;text-align:center;cursor:pointer;font-family:inherit;letter-spacing:0;transition:background .18s ease,color .18s ease}.cde-rec-card__add:hover{background:var(--cde-brand);color:#fff}.cde-rec-card__add.cde-adding{opacity:.55;pointer-events:none}.cde-toolbar{display:flex;align-items:center;gap:8px}.cde-toolbar__btn{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;height:36px;padding:0 12px;background:var(--cde-bg-subtle);border:1px solid var(--cde-border);border-radius:var(--cde-radius);font-size:13px;font-weight:500;color:var(--cde-text);cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease;margin-bottom:20px}.cde-toolbar__btn:hover{background:#ebebeb;border-color:#d0d0d0}.cde-toolbar__icon{width:16px;height:16px;flex-shrink:0}.cde-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;z-index:9998;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.cde-modal-overlay.cde-modal--open{display:block;animation:cde-overlay-on .3s forwards}@keyframes cde-overlay-on{0%{opacity:0}to{opacity:.6}}.cde-modal-panel{display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;background:var(--cde-bg);border-radius:20px 20px 0 0;z-index:9999;box-shadow:0 -4px 32px #0000001f}.cde-modal-panel.cde-modal--open{display:block;animation:cde-slide-up .25s cubic-bezier(.32,.72,0,1) both}@keyframes cde-slide-up{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.cde-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cde-bg-subtle);border:none;border-radius:50%;cursor:pointer;color:var(--cde-text);padding:0;transition:background .15s}.cde-modal-close:hover{background:#e0e0e0}.cde-modal-close svg{width:16px;height:16px}.cde-modal-panel__inner{display:flex;flex-direction:column;gap:8px;padding:20px 16px 24px}.cde-modal-panel__title{font-size:15px;font-weight:700;color:var(--cde-text);padding:0 28px 0 0;letter-spacing:.2px}.cde-modal-panel__body{display:flex;flex-direction:column;gap:10px}.cde-discount-form__field{position:relative;display:flex;align-items:center}.cde-discount-form__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cde-muted);pointer-events:none;display:flex;align-items:center}.cde-discount-form__icon svg{width:15px;height:15px}.cde-discount-form__input{width:100%;height:44px;border:1.5px solid var(--cde-border);border-radius:var(--cde-radius);padding:0 12px 0 38px;font-size:14px;font-family:inherit;color:var(--cde-text);background:transparent;box-sizing:border-box;transition:border-color .2s;letter-spacing:.05em}.cde-discount-form__input:focus{outline:none;border-color:var(--cde-brand)}.cde-discount-form__apply{width:100%;height:44px;background:var(--cde-brand);color:#fff;border:none;border-radius:var(--cde-radius);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.3px;transition:opacity .15s}.cde-discount-form__apply:disabled{opacity:.4;cursor:not-allowed}.cde-discount-form__apply:not(:disabled):hover{opacity:.85}.cde-discount-form__msg{font-size:12px;min-height:16px;margin:0;color:var(--cde-muted)}.cde-discount-form__msg.is-error{color:#b91c1c}.cde-discount-form__msg.is-success{color:#166534}.cde-note-form__field{position:relative;display:flex;align-items:flex-start}.cde-note-form__icon{position:absolute;left:10px;top:12px;color:var(--cde-muted);pointer-events:none;display:flex;align-items:center}.cde-note-form__icon svg{width:15px;height:15px}.cde-note-form__textarea{width:100%;border:1.5px solid var(--cde-border);border-radius:var(--cde-radius);padding:11px 12px 11px 34px;font-size:14px;font-family:inherit;color:var(--cde-text);background:transparent;resize:none;box-sizing:border-box;line-height:1.5;transition:border-color .2s}.cde-note-form__textarea:focus{outline:none;border-color:var(--cde-brand)}.cde-note-form__save{width:100%;height:44px;background:var(--cde-brand);color:#fff;border:none;border-radius:var(--cde-radius);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.3px;transition:opacity .15s}.cde-note-form__save:disabled{opacity:.4;cursor:not-allowed}.cde-note-form__save:not(:disabled):hover{opacity:.85}@media(max-width:480px){.cde-rec-card{flex:0 0 62%}.cde-modal-panel{max-width:100%;border-radius:20px 20px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/cart-drawer-extras.css.map */