/* Zibana search (Figma HOME > search 410:39671): Blocksy Pro's header search modal, styled on phones. */
.zb-recent-searches[hidden]{display:none!important}
.zb-recent-searches{direction:rtl;margin:24px 0 0}
.zb-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.zb-recent-title{font-size:14px;line-height:24px;font-weight:500;color:var(--zb-black-1000,#202020)}
.zb-recent-clear{background:none;border:none;padding:0 4px;font:inherit;font-size:12px;line-height:24px;font-weight:500;color:var(--zb-black-600,#706d74);cursor:pointer;border-radius:4px}
.zb-recent-clear:hover{color:var(--zb-pink-500,#e5003b)}
.zb-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.zb-recent-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:24px;font-weight:500;color:var(--zb-black-1000,#202020)!important;text-decoration:none!important}
.zb-recent-item svg{color:var(--zb-black-600,#706d74);flex:0 0 auto}
.zb-recent-item:focus-visible,.zb-recent-clear:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
@media (max-width:767.98px){
	#search-modal{background:var(--zb-black-20,#fff)!important}
	#search-modal .ct-panel-actions{position:absolute;top:16px;right:16px;left:auto;z-index:2;padding:0!important;height:48px;display:flex;align-items:center}
	#search-modal .ct-toggle-close{width:24px;height:24px;padding:0!important;color:var(--zb-black-1000,#202020)!important;background:none!important}
	#search-modal .ct-panel-content{justify-content:flex-start!important;align-items:stretch!important;padding:16px!important;direction:rtl}
	#search-modal form.ct-search-form{margin:0 40px 0 0!important;width:auto!important;max-width:none!important}
	#search-modal .ct-search-form-inner{height:48px;border-radius:12px!important;background:var(--zb-black-30,#f7f6f6)!important;border:.5px solid var(--zb-black-40,#f9fbf4)!important;padding:4px 16px!important;box-shadow:none!important}
	#search-modal .ct-search-form input[type="search"]{height:40px!important;padding:0!important;background:none!important;border:none!important;font-size:14px!important;line-height:24px!important;font-weight:500!important;color:var(--zb-black-1000,#202020)!important;text-align:right}
	#search-modal .ct-search-form input[type="search"]::placeholder{color:var(--zb-black-500,#807c84);opacity:1}
	#search-modal .ct-search-form input[type="search"]{caret-color:var(--zb-pink-500,#e5003b)}
	#search-modal .ct-search-form-inner{gap:8px}
	#search-modal .ct-search-form button[type="submit"]{order:-1;position:static!important;inset:auto!important;flex:0 0 24px;height:40px!important;padding:0!important;background:none!important;color:var(--zb-black-600,#706d74)!important;width:24px!important}
	#search-modal .ct-search-results{margin-top:16px!important;box-shadow:none!important;border:none!important;background:none!important}
	#search-modal .ct-search-results a.ct-search-item{display:flex!important;align-items:center;gap:4px;padding:4px 0!important;min-height:32px;font-size:12px!important;line-height:24px!important;font-weight:500!important;color:var(--zb-black-1000,#202020)!important;border:none!important;background:none!important}
	#search-modal .ct-search-results a.ct-search-item::before{content:"";flex:0 0 16px;width:16px;height:16px;background:var(--zb-black-600,#706d74);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
	#search-modal .ct-search-results a.ct-search-more{display:inline-flex!important;margin-top:8px;padding:0!important;font-size:12px!important;line-height:24px!important;font-weight:500!important;color:var(--zb-pink-500,#e5003b)!important;background:none!important;border:none!important}
}
/* Figma search bar: 24px search icon inside the field. */
#search-modal .ct-search-form button[type="submit"] svg{width:24px!important;height:24px!important}
#search-modal .ct-search-form button[type="submit"]{flex-basis:24px!important;width:24px!important}
