.tt-search-root{position:relative!important}
.tt-search-panel{position:absolute;z-index:1100;top:calc(100% + 1px);left:0;width:100%;max-height:min(520px,65vh);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #e4e4de;background:#fff;box-shadow:0 18px 45px rgba(24,24,22,.12);color:#20211f}
.tt-search-panel[hidden]{display:none!important}
.tt-search-list{display:block}
.tt-search-product{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:center;min-height:94px;padding:11px 14px;border-bottom:1px solid #ecece7;background:#fff;color:#20211f;text-align:left;text-decoration:none!important}
.tt-search-product:hover,.tt-search-product.is-active{background:#f7f6f2;color:#20211f}
.tt-search-product-image{display:block;width:72px;height:72px;object-fit:contain;background:#f7f7f4;mix-blend-mode:multiply}
.tt-search-product-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.tt-search-product-name{font-size:14px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.tt-search-product-model{color:#777872;font-size:11px;line-height:1.35}
.tt-search-product-price{margin-top:3px;font-size:14px;font-weight:600;line-height:1.3}
.tt-search-all{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:14px;color:#20211f;font-size:13px;font-weight:500;text-decoration:none!important}
.tt-search-all:after{content:'→';font-size:19px;font-weight:400}
.tt-search-all:hover,.tt-search-all.is-active{background:#20211f;color:#fff}
.tt-search-total{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;margin-left:auto;padding:0 7px;border-radius:15px;background:#f0efe9;font-size:11px;font-weight:500}
.tt-search-all:hover .tt-search-total,.tt-search-all.is-active .tt-search-total{background:rgba(255,255,255,.16)}
.tt-search-empty{margin:0;padding:24px 14px;color:#777872;font-size:13px;line-height:1.5;text-align:center}
.tt-search-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tt-search-root.is-searching:after{content:'';position:absolute;right:54px;top:50%;width:15px;height:15px;margin-top:-8px;border:1.5px solid #d8d8d2;border-top-color:#20211f;border-radius:50%;animation:tt-search-spin .65s linear infinite}
@keyframes tt-search-spin{to{transform:rotate(360deg)}}
.tt-sf-search .tt-search-panel{position:relative;top:auto;border-width:0 1px 1px;box-shadow:none}
.tt-sf-search .tt-search-root{display:flex!important;flex-wrap:wrap}
.tt-sf-search .tt-search-root>input{width:calc(100% - 50px)!important}
.tt-sf-search .tt-search-root>.input-group-btn{width:50px!important}
#tt-sf-search.tt-sf-search{inset:auto!important;top:max(16px,calc(env(safe-area-inset-top) + 8px))!important;right:auto!important;bottom:auto!important;left:50%!important;margin:0!important;transform:translateX(-50%);max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
#tt-sf-search.tt-sf-search[open]{display:flex;flex-direction:column}
#tt-sf-search .tt-sf-dialog-head{flex:0 0 auto;background:#fff}
#tt-sf-search .tt-sf-search-inner{display:flex;min-height:0;flex:1 1 auto;overflow:hidden}
#tt-sf-search .tt-search-root{min-height:0;align-content:flex-start}
.tt-sf-search .tt-search-panel{flex:0 1 100%;width:100%;max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:767px){
  .tt-search-product{grid-template-columns:62px minmax(0,1fr);gap:12px;min-height:82px;padding:10px 11px}
  .tt-search-product-image{width:62px;height:62px}
  .tt-search-product-name{font-size:13px}
  .tt-search-product-price{font-size:13px}
  #tt-sf-search.tt-sf-search{top:max(10px,calc(env(safe-area-inset-top) + 6px))!important;width:calc(100% - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - 16px)!important}
  #tt-sf-search .tt-sf-dialog-head{padding-top:12px;padding-bottom:12px}
  #tt-sf-search .tt-sf-search-inner{padding:16px}
  .tt-sf-search .tt-search-panel{max-height:calc(100dvh - env(safe-area-inset-top) - 170px)}
}
@media(prefers-reduced-motion:reduce){.tt-search-root.is-searching:after{animation-duration:1.4s}}

/* Full search page */
.tt-search-page>.breadcrumb{display:none!important}
.tt-search-page{padding-top:52px}
.tt-search-page #content>h1{margin:0 0 24px;color:#343532;font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.1}
.tt-search-page-shell{max-width:760px;margin:0 0 42px}
.tt-search-page-label{display:block;margin:0 0 9px;color:#6f706b;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.tt-search-page-field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #dcdcd6;background:#fff}
.tt-search-page-field #input-search{width:100%;height:54px;padding:0 17px;border:0;border-radius:0;background:#fff;box-shadow:none;color:#20211f;font-size:16px;outline:0}
.tt-search-page-field #input-search:focus{box-shadow:inset 0 0 0 1px #20211f}
.tt-search-page-submit{min-width:118px;height:54px;padding:0 22px;border:0;border-radius:0;background:#20211f;color:#fff;font-size:14px;font-weight:500}
.tt-search-page-submit:hover{background:#343530}
.tt-search-page-field .tt-search-panel{grid-column:1/-1;top:100%;margin-top:1px}
.tt-search-page #content>h2{margin:5px 0 27px;color:#343532;font-size:30px;font-weight:400}
.tt-search-empty-page{display:flex;width:100%;max-width:none;min-height:430px;margin:4px 0 64px;padding:55px 42px;align-items:center;flex-direction:column;border-radius:22px;background:linear-gradient(135deg,#fbf6ee 0%,#f8f7f1 58%,#f1f7f0 100%);color:#2a2b28;text-align:center}
.tt-search-empty-art{width:112px;height:112px;margin-bottom:20px;color:#343532}
.tt-search-empty-art svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tt-search-empty-art .tt-search-empty-spark{stroke:#c8838a}
.tt-search-empty-page h2{margin:0 0 13px;font-size:clamp(27px,3.2vw,39px);font-weight:400;letter-spacing:-.025em}
.tt-search-empty-copy{max-width:610px;margin:0;color:#6f706b;font-size:15px;line-height:1.65}
.tt-search-quick{display:flex;max-width:680px;margin:26px 0 30px;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.tt-search-quick-label{flex:0 0 100%;margin-bottom:3px;color:#777872;font-size:12px}
.tt-search-quick-button{min-height:39px;padding:8px 16px;border:1px solid #d9d7cf;border-radius:22px;background:rgba(255,255,255,.72);color:#30312e;font-size:13px}
.tt-search-quick-button:hover{border-color:#20211f;background:#fff}
.tt-search-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.tt-search-empty-primary,.tt-search-empty-secondary{min-width:180px;min-height:50px;padding:12px 22px;border:1px solid #20211f;border-radius:0;font-size:14px;font-weight:500}
.tt-search-empty-primary{background:#20211f;color:#fff}.tt-search-empty-secondary{background:transparent;color:#20211f}
.tt-search-empty-primary:hover{background:#343530}.tt-search-empty-secondary:hover{background:#fff}
@media(max-width:767px){
  .tt-search-page{padding-top:26px}
  .tt-search-page #content>h1{margin-bottom:20px;font-size:30px}
  .tt-search-page-shell{margin-bottom:28px}
  .tt-search-page-field{grid-template-columns:minmax(0,1fr) 54px}
  .tt-search-page-submit{min-width:54px;width:54px;padding:0;font-size:0}
  .tt-search-page-submit:after{content:'→';font-size:21px}
  .tt-search-empty-page{min-height:390px;margin-left:-4px;margin-right:-4px;padding:39px 19px;border-radius:16px}
  .tt-search-empty-art{width:88px;height:88px;margin-bottom:16px}
  .tt-search-empty-copy{font-size:14px}
  .tt-search-empty-actions{width:100%}
  .tt-search-empty-primary,.tt-search-empty-secondary{width:100%;min-width:0}
}