.th-order-note{margin:16px 0;border:1px solid #cfe4f1;border-radius:14px;background:#f5faff;color:#173347;text-align:left}
.lj-cart-drawer .th-order-note{margin:16px}
.th-order-note summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;cursor:pointer;list-style:none;font-family:inherit}
.th-order-note summary::-webkit-details-marker{display:none}
.th-order-note summary>svg{flex-shrink:0;color:#1e6bc1}
.th-order-note summary>span:first-of-type{flex:1;font-size:14px;font-weight:600;line-height:1.4}
.th-order-note summary small{display:block;font-size:11px;font-weight:400;color:#5a6f80}
.th-order-note__toggle{font-size:24px;font-weight:400;color:#1e6bc1;transition:transform .2s}
.th-order-note[open] .th-order-note__toggle{transform:rotate(45deg)}
.th-order-note__content{padding:0 14px 14px}
.th-order-note__content label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.th-order-note textarea{display:block;box-sizing:border-box;width:100%;min-height:92px;max-height:230px;resize:vertical;border:1px solid #b8cddd;border-radius:9px;padding:10px 12px;background:#fff;color:#173347;font:inherit;font-size:16px;line-height:1.5}
.th-order-note textarea:focus{outline:2px solid #2ba8e0;outline-offset:2px}
.th-order-note textarea::placeholder{color:#6c7c8b;opacity:1}
.th-order-note__hint,.th-order-note__status{margin:7px 0 0;font-size:11px;line-height:1.5;color:#5a6f80}
.th-order-note__status:empty{display:none}
.th-order-note[data-note-error] .th-order-note__status{color:#a12d23}
.th-order-note__retry{margin-top:8px;padding:8px 12px;border:1px solid #1e6bc1;border-radius:8px;background:#fff;color:#1e6bc1;font:inherit;font-size:12px;cursor:pointer}
.th-order-note__retry[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.th-order-note__toggle{transition:none}}