.cb-search-modal{z-index:130;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.cb-search-modal.is-open{pointer-events:auto;opacity:1}.cb-search-modal__overlay{background:var(--color-header-overlay);opacity:0;cursor:pointer;border:0;margin:0;padding:0;transition:opacity .3s;position:absolute;inset:0}.cb-search-modal.is-open .cb-search-modal__overlay{opacity:1}.cb-search-modal__content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);pointer-events:none;margin:var(--space-4);flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(-20px)}.cb-search-modal.is-open .cb-search-modal__content{pointer-events:auto;transform:scale(1)translateY(0)}.cb-search-modal__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cb-search-modal__title{font-size:var(--text-xl);color:var(--color-text);margin:0;font-weight:700}.cb-search-modal__close{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--saffron-transition-base);justify-content:center;align-items:center;display:flex}.cb-search-modal__close:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.cb-search-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cb-search-modal__form{padding:var(--space-5)var(--space-6);gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.cb-search-modal__input-wrap{align-items:center;display:flex;position:relative}.cb-search-modal__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:var(--space-4)}.cb-search-modal__input{width:100%;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:all var(--saffron-transition-base);padding-inline-start:var(--space-12);padding-inline-end:var(--space-10);font-family:inherit}.cb-search-modal__input:focus{border-color:var(--color-primary);background:var(--color-bg-elevated);outline:none;box-shadow:0 0 0 3px #c266781a}.cb-search-modal__input::placeholder{color:var(--color-text-muted)}.cb-search-modal__input::-webkit-search-cancel-button,.cb-search-modal__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.cb-search-modal__clear{border-radius:var(--radius-sm);background:var(--color-bg-muted);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--saffron-transition-base);border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-3)}.cb-search-modal__clear:hover{background:var(--color-border-strong);color:var(--color-text)}.cb-search-modal__clear[hidden]{display:none}.cb-search-modal__submit{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);background:var(--gradient-rose);color:var(--color-text-inverse);font-size:var(--text-base);cursor:pointer;transition:all var(--saffron-transition-base);box-shadow:var(--shadow-md);border:none;font-family:inherit;font-weight:600}.cb-search-modal__submit:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.cb-search-modal__submit:active{transform:translateY(0)}.cb-search-modal__submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cb-search-modal__tabs{padding:0 var(--space-6);gap:var(--space-2);flex-shrink:0;display:flex}.cb-search-modal__tab{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--saffron-transition-base);background:#fff0;border:none;font-family:inherit;font-weight:500}.cb-search-modal__tab:hover{background:var(--color-bg-muted);color:var(--color-text)}.cb-search-modal__tab--active{background:var(--color-primary-light-rgba);color:var(--color-primary);font-weight:600}.cb-search-modal__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cb-search-modal__results{padding:var(--space-4)var(--space-6);flex:1;min-height:0;overflow:hidden auto}.cb-search-modal__results:empty{flex:0;padding:0}.cb-search-modal__results::-webkit-scrollbar{width:6px}.cb-search-modal__results::-webkit-scrollbar-track{background:var(--color-bg-muted);border-radius:var(--radius-sm)}.cb-search-modal__results::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.cb-search-modal__results::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cb-search-modal__empty{padding:var(--space-8);text-align:center;justify-content:center;align-items:center;display:flex}.cb-search-modal__empty p{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.cb-search-modal__loading{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.cb-search-modal__loading[hidden]{display:none}.cb-search-modal__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite cb-search-spin}@keyframes cb-search-spin{to{transform:rotate(360deg)}}.cb-search-modal__loading p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.cb-search-result{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg);color:inherit;transition:all var(--saffron-transition-base);margin-bottom:var(--space-3);text-decoration:none;display:flex}.cb-search-result:hover{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translate(4px)}.cb-search-result:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cb-search-result__image{border-radius:var(--radius-md);background:var(--color-bg-muted);flex-shrink:0;width:80px;height:80px;overflow:hidden}.cb-search-result__image img{object-fit:cover;width:100%;height:100%}.cb-search-result__content{flex:1;min-width:0}.cb-search-result__type{font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--space-2);padding:2px 8px;font-weight:600;display:inline-block}.cb-search-result__type--courses{color:var(--color-primary);background:#c266781a}.cb-search-result__type--products{color:var(--color-secondary);background:#c98a7a1a}.cb-search-result__type--posts{color:var(--color-danger);background:#b85c5c1a}.cb-search-result__title{font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-2)0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.cb-search-result__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.cb-search-result__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-soft);display:flex}@media (width<=767px){.cb-search-modal__content{width:calc(100% - var(--space-6));max-height:90vh;margin:var(--space-3)}.cb-search-modal__header,.cb-search-modal__form{padding:var(--space-4)}.cb-search-modal__tabs{padding:0 var(--space-4)}.cb-search-modal__results{padding:var(--space-3)var(--space-4)}.cb-search-result{padding:var(--space-3);gap:var(--space-3)}.cb-search-result__image{width:60px;height:60px}}[dir=rtl] .cb-search-modal__search-icon{right:var(--space-4);left:auto}[dir=rtl] .cb-search-modal__clear{left:var(--space-3);right:auto}[dir=rtl] .cb-search-modal__input{padding-right:var(--space-12);padding-left:var(--space-10)}[dir=rtl] .cb-search-result:hover{transform:translate(-4px)}