.tgcs-search-wrap,
.tgcs-search-wrap *,
.tgcs-category,
.tgcs-category *,
.tgcs-icon-link,
.tgcs-icon-link *,
.tgcs-login-block,
.tgcs-login-link,
.tgcs-login-link *,
.tgcs-account-button,
.tgcs-account-button *,
.tgcs-subscribe,
.tgcs-subscribe *{box-sizing:border-box}

.tgcs-search-wrap{position:relative;width:100%;max-width:100%;z-index:100}
.tgcs-search{display:flex;align-items:center;width:100%;height:42px;margin:0;border:1px solid var(--tgcs-border);border-radius:8px;overflow:hidden;background:#fff}
.tgcs-search input{flex:1;min-width:0;width:auto;height:100%;margin:0!important;padding:0 16px!important;border:0!important;outline:0!important;background:#fff!important;color:#374151!important;font:400 14px/42px inherit!important;border-radius:0!important;box-shadow:none!important}
.tgcs-search input::placeholder{color:#9ca3af;opacity:1}
.tgcs-search button{width:52px;height:100%;flex:0 0 52px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--tgcs-brand)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background-color .18s ease,transform .12s ease!important;box-shadow:none!important}
.tgcs-search button:hover{background:var(--tgcs-brand-hover)!important}
.tgcs-search button:active{transform:scale(.98)}
.tgcs-search button svg{width:20px;height:20px;display:block}

.tgcs-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:420px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 14px 35px rgba(17,24,39,.16);padding:8px;opacity:1;transform:translateY(0);transition:opacity .14s ease,transform .14s ease}
.tgcs-search-results[hidden]{display:none}
.tgcs-search-result{display:grid;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:9px;border-radius:10px;text-decoration:none!important;color:var(--tgcs-text)!important;background:#fff!important;transition:background-color .16s ease,transform .16s ease!important}
.tgcs-search-result:hover{background:#f8fafc!important;transform:translateX(2px)}
.tgcs-search-result-image{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}
.tgcs-search-result-image img{width:100%;height:100%;object-fit:cover;display:block}
.tgcs-search-result-content{min-width:0;display:flex;flex-direction:column;gap:4px}
.tgcs-search-result-title{font-size:14px;font-weight:600;line-height:1.3;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgcs-search-result-price{font-size:13px;font-weight:600;color:var(--tgcs-brand)}
.tgcs-search-result-price del{opacity:.55;margin-right:4px}
.tgcs-search-result-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:#9ca3af;transition:color .16s ease}
.tgcs-search-result:hover .tgcs-search-result-arrow{color:var(--tgcs-brand)}
.tgcs-search-no-results{padding:18px 14px;font-size:14px;color:#6b7280;text-align:center}

.tgcs-category{position:relative;width:var(--tgcs-cat-width);max-width:100%;z-index:99}
.tgcs-category-toggle{width:100%;height:48px;margin:0!important;padding:0 17px!important;border:0!important;border-radius:0!important;background:var(--tgcs-brand)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:13px!important;font-size:16px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;appearance:none!important}
.tgcs-category-toggle:hover{background:var(--tgcs-brand-hover)!important;color:#fff!important}
.tgcs-category-toggle:focus,.tgcs-category-toggle:active{background:var(--tgcs-brand)!important;color:#fff!important;outline:none!important;box-shadow:none!important}
.tgcs-menu-icon{width:18px;height:18px;display:flex;flex-direction:column;justify-content:center;gap:3px;flex:0 0 18px}
.tgcs-menu-icon span{display:block;width:15px;height:2px;border-radius:2px;background:#fff}
.tgcs-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s ease}
.tgcs-category.is-open .tgcs-chevron{transform:rotate(180deg)}
.tgcs-category-menu{position:absolute;left:0;top:100%;width:100%;display:none;padding:10px 0;background:var(--tgcs-menu-bg);border-radius:0 0 8px 8px;box-shadow:0 6px 18px rgba(17,24,39,.14);overflow:hidden}
.tgcs-category.is-open .tgcs-category-menu{display:block}
.tgcs-category-menu a,.tgcs-category-empty{display:block;width:100%;padding:9px 16px;text-decoration:none!important;background:transparent!important;color:#111827!important;font-size:15px!important;font-weight:400!important;line-height:1.35!important;transition:background-color .16s ease,color .16s ease!important}
.tgcs-category-menu a:hover{background:#f3f4f6!important;color:var(--tgcs-brand)!important}
.tgcs-category-empty{color:#6b7280!important}

.tgcs-icon-link,.tgcs-login-link,.tgcs-account-button{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:var(--tgcs-text)!important;font-size:16px!important;line-height:1!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.tgcs-icon-link:hover,.tgcs-login-link:hover,.tgcs-account-button:hover{color:var(--tgcs-brand)!important}
.tgcs-icon-wrap{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}
.tgcs-icon-wrap svg{width:26px;height:26px}
.tgcs-count{position:absolute;top:-3px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--tgcs-brand);color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:10px!important;font-weight:700!important;line-height:16px}
.tgcs-user-circle{width:32px;height:32px;border:1px solid #f3f4f6;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.tgcs-user-circle svg{width:20px;height:20px}
.tgcs-login-block{display:inline-block}

.tgcs-subscribe{position:relative;display:flex;width:100%;max-width:307px;height:38px;background:var(--tgcs-dark);border-radius:4px;padding:0}
.tgcs-subscribe input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:#fff!important;color:#374151!important;padding:0 12px!important;border-radius:4px 0 0 4px!important;font-size:13px!important;box-shadow:none!important}
.tgcs-subscribe input::placeholder{color:#9ca3af;opacity:1}
.tgcs-subscribe button{width:48px;height:100%;flex:0 0 48px;border:0!important;border-radius:0 4px 4px 0!important;background:var(--tgcs-brand)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;cursor:pointer!important;box-shadow:none!important}
.tgcs-subscribe button:hover{background:var(--tgcs-brand-hover)!important}
.tgcs-subscribe button svg{width:16px;height:16px}
.tgcs-subscribe button[disabled]{opacity:.65;cursor:wait}
.tgcs-subscribe-message{position:absolute;left:0;top:calc(100% + 7px);font-size:12px;color:#fff;white-space:nowrap}
.tgcs-subscribe-message.is-error{color:#fecaca}

@media (max-width:768px){
  .tgcs-search{height:42px}
  .tgcs-search button{width:50px;flex-basis:50px}
  .tgcs-search-results{top:calc(100% + 6px);max-height:55vh}
  .tgcs-category{width:100%;max-width:100%}
  .tgcs-category-toggle{height:46px;font-size:15px!important}
  .tgcs-icon-link,.tgcs-login-link,.tgcs-account-button{font-size:15px!important}
  .tgcs-subscribe{max-width:100%}
}
@media (max-width:480px){
  .tgcs-search input{padding:0 12px!important;font-size:13px!important}
  .tgcs-search button{width:48px;flex-basis:48px}
  .tgcs-search-result{grid-template-columns:48px minmax(0,1fr) 18px;gap:10px;padding:8px}
  .tgcs-search-result-image{width:48px;height:48px}
  .tgcs-search-result-title{font-size:13px}
  .tgcs-search-result-price{font-size:12px}
}


/* TechGhor icon reset/fix: prevent theme icon/font rules from distorting inline SVGs */
.tgcs-search svg,
.tgcs-category-toggle svg,
.tgcs-icon-link svg,
.tgcs-login-link svg,
.tgcs-account-button svg,
.tgcs-subscribe svg,
.tgcs-search-result-arrow{
  font-family:inherit!important;
  font-style:normal!important;
  text-decoration:none!important;
}
.tgcs-search button svg,
.tgcs-category-toggle .tgcs-chevron,
.tgcs-icon-wrap svg,
.tgcs-user-circle svg,
.tgcs-subscribe button svg{
  flex:0 0 auto!important;
  vertical-align:middle!important;
  overflow:visible!important;
}
.tgcs-search button svg *,
.tgcs-category-toggle .tgcs-chevron *,
.tgcs-icon-wrap svg *,
.tgcs-user-circle svg *,
.tgcs-subscribe button svg *{
  vector-effect:non-scaling-stroke;
}
.tgcs-icon-link:hover,
.tgcs-icon-link:focus,
.tgcs-login-link:hover,
.tgcs-login-link:focus,
.tgcs-account-button:hover,
.tgcs-account-button:focus{
  text-decoration:none!important;
}
.tgcs-user-circle{
  flex:0 0 32px!important;
}
.tgcs-icon-wrap{
  flex:0 0 32px!important;
}

/* Responsive component widths */
.tgcs-search-wrap{width:min(100%, 100%)}
.tgcs-subscribe{width:min(100%, 307px)}
@media (max-width: 767px){
  .tgcs-search-wrap,
  .tgcs-search,
  .tgcs-category,
  .tgcs-subscribe{width:100%;max-width:100%}
  .tgcs-search{min-height:42px}
  .tgcs-search input{font-size:13px!important}
  .tgcs-search button{width:48px;flex-basis:48px}
  .tgcs-category-toggle{min-height:46px;height:46px}
  .tgcs-category-menu{max-height:55vh;overflow-y:auto}
}
@media (max-width: 480px){
  .tgcs-search{height:40px}
  .tgcs-search input{padding:0 11px!important}
  .tgcs-search button{width:46px;flex-basis:46px}
  .tgcs-search button svg{width:18px;height:18px}
  .tgcs-category-toggle{padding:0 14px!important;gap:10px!important;font-size:14px!important}
  .tgcs-menu-icon{width:17px;height:17px;flex-basis:17px}
  .tgcs-menu-icon span{width:14px;height:2px}
  .tgcs-chevron{width:15px;height:15px}
  .tgcs-icon-link,.tgcs-login-link,.tgcs-account-button{gap:8px!important;font-size:14px!important}
  .tgcs-icon-wrap,.tgcs-user-circle{width:30px;height:30px;flex-basis:30px!important}
  .tgcs-icon-wrap svg{width:24px;height:24px}
  .tgcs-user-circle svg{width:18px;height:18px}
  .tgcs-subscribe{height:38px}
  .tgcs-subscribe button{width:44px;flex-basis:44px}
}

.tgcs-search-wrap[data-search-state="no-results"] .tgcs-search button{
  cursor:default!important;
}
.tgcs-search-wrap[data-search-state="no-results"] .tgcs-search button:hover{
  background:var(--tgcs-brand)!important;
}


/* Mall Category: desktop hover dropdown */
@media (min-width: 768px){
  .tgcs-category:hover .tgcs-category-menu{
    display:block!important;
  }
  .tgcs-category:hover .tgcs-category-toggle{
    background:var(--tgcs-brand-hover)!important;
  }
  .tgcs-category:hover .tgcs-chevron{
    transform:rotate(180deg);
  }
}
.tgcs-category-menu{
  z-index:99999!important;
  pointer-events:auto;
}
.tgcs-category-menu a{
  position:relative;
  z-index:1;
  pointer-events:auto;
}


/* Account item color fix - match the provided reference */
.tgcs-account-entry,
.tgcs-account-entry:visited,
.tgcs-account-entry:hover,
.tgcs-account-entry:focus,
.tgcs-account-entry:active{
  color:#374151!important;
  text-decoration:none!important;
}
.tgcs-account-entry .tgcs-account-text{
  color:#374151!important;
}
.tgcs-account-entry:hover .tgcs-account-text,
.tgcs-account-entry:focus .tgcs-account-text,
.tgcs-account-entry:active .tgcs-account-text{
  color:#374151!important;
}
.tgcs-account-entry .tgcs-user-circle{
  color:#ff5722!important;
  border-color:#eef0f4!important;
}
.tgcs-account-entry .tgcs-user-circle svg,
.tgcs-account-entry .tgcs-user-circle svg *{
  color:#ff5722!important;
  stroke:#ff5722!important;
}


/* My Account typography + color-only hover */
.tgcs-account-entry .tgcs-account-text{
  font-weight:600!important;
  letter-spacing:.05px;
  transition:color .18s ease!important;
}
.tgcs-account-entry .tgcs-user-circle{
  transition:color .18s ease!important;
}
.tgcs-account-entry:hover .tgcs-account-text,
.tgcs-account-entry:focus-visible .tgcs-account-text{
  color:#ff5722!important;
}
.tgcs-account-entry:hover .tgcs-user-circle,
.tgcs-account-entry:focus-visible .tgcs-user-circle{
  border-color:#eef0f4!important;
  background:#fff!important;
}
.tgcs-account-entry:active .tgcs-user-circle{
  transform:none!important;
}
.tgcs-account-entry:hover,
.tgcs-account-entry:focus-visible{
  transform:none!important;
  outline:none!important;
}

.tgcs-account-entry,
.tgcs-account-entry:hover,
.tgcs-account-entry:focus,
.tgcs-account-entry:active{
  transform:none!important;
}
.tgcs-account-entry .tgcs-user-circle,
.tgcs-account-entry .tgcs-user-circle:hover{
  transform:none!important;
}

/* My Account responsive behavior */
@media (max-width: 480px){
  .tgcs-account-entry{
    gap:0!important;
  }
  .tgcs-account-entry .tgcs-account-text{
    display:none!important;
  }
  .tgcs-account-entry .tgcs-user-circle{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
}
@media (min-width: 481px){
  .tgcs-account-entry .tgcs-account-text{
    display:inline!important;
  }
}