/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =====================================================================
   TECNOfixe Header Restyle
   Scope: visual restyle of Woodmart's NATIVE header only (colors, type,
   radius, spacing). No markup, JS behaviour, cart/wishlist/search logic
   is touched — this is pure CSS layered on top of Woodmart's own header
   builder output, so it stays safe to edit later from the Customizer.
   ===================================================================== */

:root{
  --tf-ink:#14213D;
  --tf-ink-700:#0E1830;
  --tf-ink-100:#E7EAF2;
  --tf-accent:#FCA311;
  --tf-accent-600:#E28F00;
  --tf-bg:#F8FAFC;
  --tf-card:#FFFFFF;
  --tf-sale:#EF4444;
  --tf-success:#16A34A;
  --tf-muted:#64748B;
  --tf-radius-sm:10px;
  --tf-radius-md:16px;
  --tf-radius-pill:999px;
  --tf-font-heading:'Manrope',sans-serif;
  --tf-font-body:'Inter',sans-serif;
}

body, .whb-header, .site-content, .woodmart-prefooter, .footer{
  font-family: var(--tf-font-body);
}

.whb-header .site-logo,
.whb-header .site-description{
  font-family: var(--tf-font-heading);
}

.whb-header .whb-top-bar{
  background: var(--tf-ink) !important;
}
.whb-header .whb-top-bar,
.whb-header .whb-top-bar a,
.whb-header .whb-top-bar .wd-header-text{
  color:#fff;
  font-size:12.5px;
}

.whb-header .whb-general-header{
  background: var(--tf-card) !important;
  border-bottom: 1px solid var(--tf-ink-100) !important;
}

.whb-header .wd-search-form .searchform{
  border-radius: var(--tf-radius-pill) !important;
  border: 1.5px solid var(--tf-ink-100) !important;
  background: var(--tf-bg) !important;
  overflow: hidden;
}
.whb-header .wd-search-form .searchform .s{
  font-family: var(--tf-font-body);
}
.whb-header .wd-search-form .searchsubmit{
  background: var(--tf-accent) !important;
  border-radius: 0 var(--tf-radius-pill) var(--tf-radius-pill) 0 !important;
}
.whb-header .wd-search-form .searchsubmit *{
  color:#fff !important;
}
.whb-header .wd-search-cat-btn{
  border-radius: var(--tf-radius-pill) 0 0 var(--tf-radius-pill) !important;
}

.whb-header .wd-tools-element .wd-tools-icon{
  background: var(--tf-ink-100);
  border-radius: var(--tf-radius-sm);
  color: var(--tf-ink);
}
.whb-header .wd-tools-element:hover .wd-tools-icon{
  background: var(--tf-accent);
  color: var(--tf-ink);
}
.whb-header .wd-cart-number.wd-tools-count{
  background: var(--tf-sale) !important;
  color:#fff !important;
}
.whb-header .wd-cart-subtotal,
.whb-header .wd-cart-subtotal *{
  font-family: var(--tf-font-heading);
  font-weight: 800;
  color: var(--tf-ink);
}

.whb-header .whb-header-bottom{
  background: var(--tf-card) !important;
  border-bottom: 1px solid var(--tf-ink-100) !important;
}
.whb-header .wd-header-cats .menu-opener{
  background: var(--tf-ink-100);
  border-radius: var(--tf-radius-sm);
  color: var(--tf-ink) !important;
}
.whb-header .wd-nav > li > a.woodmart-nav-link{
  color: var(--tf-ink-700) !important;
  font-weight: 600;
}
.whb-header .wd-nav > li > a.woodmart-nav-link:hover{
  color: var(--tf-accent-600) !important;
}

.whb-header .button,
.whb-header .btn.btn-accent{
  background: var(--tf-accent) !important;
  color: var(--tf-ink) !important;
  border-radius: var(--tf-radius-pill) !important;
  border: none !important;
}

@media (max-width: 1024px){
  .whb-header .whb-top-bar{ font-size: 11.5px; padding: 5px 0; }
  .whb-header .site-logo img{ max-width: 130px !important; }
  .whb-header .wd-tools-element .wd-tools-icon{ width:36px; height:36px; }
}

@media (max-width: 480px){
  .whb-header .whb-top-bar{ font-size: 10.5px; }
  .whb-header .site-logo img{ max-width: 110px !important; }
  .whb-header .wd-search-form .searchform{ height:44px; }
  #tf-mobile-extras{ display:block; }
}

#tf-mobile-extras{ display:none; font-family: var(--tf-font-body); }


/* === TF HEADER RHYTHM 2026 START === */
@media (min-width:1025px){
  .whb-general-header,
  .whb-general-header .container,
  .whb-general-header .whb-flex-row{padding-top:0 !important;padding-bottom:0 !important;}
  .whb-general-header .whb-flex-row{min-height:76px !important;height:76px !important;gap:10px !important;}
  .whb-general-header .searchform{height:56px !important;min-height:56px !important;}
  .tf-market-utilities{height:56px !important;align-items:stretch !important;gap:4px !important;}
  .tf-util-shell,.tf-util-trigger{height:56px !important;min-height:56px !important;}
  .tf-util-trigger{padding:0 10px !important;}
  .tf-app-trigger{min-width:174px !important;}
  .tf-locale-trigger{min-width:126px !important;}
  .tf-util-copy{font-size:13px !important;line-height:1.18 !important;}
  .tf-util-copy strong{font-size:14px !important;line-height:1.18 !important;}
  .whb-general-header .wd-header-my-account>a,
  .whb-general-header .wd-header-cart>a,
  .whb-general-header .wd-header-wishlist>a{height:56px !important;min-height:56px !important;padding-top:0 !important;padding-bottom:0 !important;}
  .whb-general-header .wd-header-my-account>a{min-width:142px !important;padding-inline:10px !important;}
  .whb-general-header .wd-header-my-account .wd-tools-text{max-width:112px !important;}
  .whb-general-header .wd-header-my-account .wd-tools-text strong{display:block !important;max-width:112px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:12px !important;}
}
/* === TF HEADER RHYTHM 2026 END === */
/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =====================================================================
   TECNOfixe Header Restyle
   Scope: visual restyle of Woodmart's NATIVE header only (colors, type,
   radius, spacing). No markup, JS behaviour, cart/wishlist/search logic
   is touched — this is pure CSS layered on top of Woodmart's own header
   builder output, so it stays safe to edit later from the Customizer.
   ===================================================================== */

:root{
  --tf-ink:#14213D;
  --tf-ink-700:#0E1830;
  --tf-ink-100:#E7EAF2;
  --tf-accent:#FCA311;
  --tf-accent-600:#E28F00;
  --tf-bg:#F8FAFC;
  --tf-card:#FFFFFF;
  --tf-sale:#EF4444;
  --tf-success:#16A34A;
  --tf-muted:#64748B;
  --tf-radius-sm:10px;
  --tf-radius-md:16px;
  --tf-radius-pill:999px;
  --tf-font-heading:'Manrope',sans-serif;
  --tf-font-body:'Inter',sans-serif;
}

body, .whb-header, .site-content, .woodmart-prefooter, .footer{
  font-family: var(--tf-font-body);
}

.whb-header .site-logo,
.whb-header .site-description{
  font-family: var(--tf-font-heading);
}

.whb-header .whb-top-bar{
  background: var(--tf-ink) !important;
}
.whb-header .whb-top-bar,
.whb-header .whb-top-bar a,
.whb-header .whb-top-bar .wd-header-text{
  color:#fff;
  font-size:12.5px;
}

.whb-header .whb-general-header{
  background: var(--tf-card) !important;
  border-bottom: 1px solid var(--tf-ink-100) !important;
}

.whb-header .wd-search-form .searchform{
  border-radius: var(--tf-radius-pill) !important;
  border: 1.5px solid var(--tf-ink-100) !important;
  background: var(--tf-bg) !important;
  overflow: hidden;
}
.whb-header .wd-search-form .searchform .s{
  font-family: var(--tf-font-body);
}
.whb-header .wd-search-form .searchsubmit{
  background: var(--tf-accent) !important;
  border-radius: 0 var(--tf-radius-pill) var(--tf-radius-pill) 0 !important;
}
.whb-header .wd-search-form .searchsubmit *{
  color:#fff !important;
}
.whb-header .wd-search-cat-btn{
  border-radius: var(--tf-radius-pill) 0 0 var(--tf-radius-pill) !important;
}

.whb-header .wd-tools-element .wd-tools-icon{
  background: var(--tf-ink-100);
  border-radius: var(--tf-radius-sm);
  color: var(--tf-ink);
}
.whb-header .wd-tools-element:hover .wd-tools-icon{
  background: var(--tf-accent);
  color: var(--tf-ink);
}
.whb-header .wd-cart-number.wd-tools-count{
  background: var(--tf-sale) !important;
  color:#fff !important;
}
.whb-header .wd-cart-subtotal,
.whb-header .wd-cart-subtotal *{
  font-family: var(--tf-font-heading);
  font-weight: 800;
  color: var(--tf-ink);
}

.whb-header .whb-header-bottom{
  background: var(--tf-card) !important;
  border-bottom: 1px solid var(--tf-ink-100) !important;
}
.whb-header .wd-header-cats .menu-opener{
  background: var(--tf-ink-100);
  border-radius: var(--tf-radius-sm);
  color: var(--tf-ink) !important;
}
.whb-header .wd-nav > li > a.woodmart-nav-link{
  color: var(--tf-ink-700) !important;
  font-weight: 600;
}
.whb-header .wd-nav > li > a.woodmart-nav-link:hover{
  color: var(--tf-accent-600) !important;
}

.whb-header .button,
.whb-header .btn.btn-accent{
  background: var(--tf-accent) !important;
  color: var(--tf-ink) !important;
  border-radius: var(--tf-radius-pill) !important;
  border: none !important;
}

@media (max-width: 1024px){
  .whb-header .whb-top-bar{ font-size: 11.5px; padding: 5px 0; }
  .whb-header .site-logo img{ max-width: 130px !important; }
  .whb-header .wd-tools-element .wd-tools-icon{ width:36px; height:36px; }
}

@media (max-width: 480px){
  .whb-header .whb-top-bar{ font-size: 10.5px; }
  .whb-header .site-logo img{ max-width: 110px !important; }
  .whb-header .wd-search-form .searchform{ height:44px; }
  #tf-mobile-extras{ display:block; }
}

#tf-mobile-extras{ display:none; font-family: var(--tf-font-body); }

/* TF HEADER CONTROL ALIGNMENT 2026 */
@media (min-width: 1025px) {
  .tf-market-utilities,
  .tf-market-utilities .tf-util-shell,
  .tf-market-utilities .tf-util-trigger {
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* TF SEARCH CATEGORY CLEANUP 2026 */
@media (min-width: 1025px) {
  .whb-general-header .searchform.wd-with-cat input.s { padding-right: 210px !important; text-overflow: ellipsis; }
  .whb-general-header .searchform .wd-search-cat { right: 58px !important; width: 132px !important; }
  .whb-general-header .searchform .wd-search-cat-btn { width: 132px !important; padding-inline: 12px !important; font-size: 11px; white-space: nowrap; }
}

/* TF WIDE HEADER + ACCOUNT PANEL 2026 */
.whb-header .container { width: 100% !important; max-width: 1600px !important; }
@media (min-width: 1025px) {
  .whb-general-header .wd-header-my-account,
  .whb-general-header .wd-header-my-account > a,
  .whb-general-header .tf-locale-trigger,
  .whb-general-header .wd-header-cart,
  .whb-general-header .wd-header-cart > a { height: 52px !important; min-height: 52px !important; }
  .whb-general-header .wd-header-my-account { width: 160px !important; }
  .whb-general-header .wd-header-my-account > a { padding-inline: 10px !important; border-radius: 0 !important; background: transparent !important; }
  .whb-general-header .wd-header-my-account > a:hover { border-radius: 0 !important; background: transparent !important; }
  .whb-general-header .wd-header-my-account .wd-tools-icon { width: 20px !important; min-width: 20px !important; height: 30px !important; font-size: 22px !important; }
  .whb-general-header .tf-locale-flag { width: 24px; min-width: 24px; font-size: 20px; line-height: 1; }
  .whb-general-header .tf-locale-trigger { min-width: 140px; }
}
.whb-header .wd-dropdown-my-account { width: 280px !important; padding: 8px !important; background: #fff !important; color: #14213d !important; border: 1px solid #e4e8ef !important; border-radius: 4px !important; box-shadow: 0 14px 38px rgba(20,33,61,.18) !important; }
.whb-header .wd-dropdown-my-account .wd-sub-menu li a { min-height: 40px; padding: 10px 14px !important; color: #14213d !important; background: transparent !important; border-radius: 0 !important; font-weight: 600; }
.whb-header .wd-dropdown-my-account .wd-sub-menu li a span { color: inherit !important; }
.whb-header .wd-dropdown-my-account .wd-sub-menu li:hover > a,
.whb-header .wd-dropdown-my-account .wd-sub-menu li.current-menu-item > a { color: #e28f00 !important; background: #f4f6f9 !important; border-radius: 0 !important; }

/* TF ACCOUNT ICON FINISH 2026 */
@media (min-width: 1025px) {
  .whb-general-header .wd-header-my-account > a { width: 100% !important; }
  .whb-general-header .wd-header-my-account .wd-tools-icon { background: transparent !important; border-radius: 0 !important; }
}

/* TF HEADER GLASS + APP POPOVER POLISH 2026 */
.whb-header .container,
.main-page-wrapper > .container { padding-left: 15px !important; padding-right: 15px !important; }
@media (min-width: 1025px) {
  .whb-general-header .tf-app-trigger,
  .whb-general-header .tf-locale-trigger,
  .whb-general-header .wd-header-my-account > a,
  .whb-general-header .wd-header-cart > a {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 5px 16px rgba(0,0,0,.08) !important;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
  }
  .whb-general-header .tf-app-trigger:hover,
  .whb-general-header .tf-locale-trigger:hover,
  .whb-general-header .wd-header-my-account > a:hover,
  .whb-general-header .wd-header-cart > a:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.30) !important;
  }
}
.whb-header .wd-dropdown-my-account .wd-sub-menu li a,
.whb-header .wd-dropdown-my-account .wd-sub-menu li a span { color: #000 !important; }
.whb-header .wd-dropdown-my-account .wd-sub-menu li:hover > a,
.whb-header .wd-dropdown-my-account .wd-sub-menu li:hover > a span { color: #000 !important; }
.tf-app-popover { width: 380px !important; padding: 18px !important; gap: 16px !important; box-sizing: border-box; }
.tf-app-popover .tf-app-qr { flex: 0 0 112px !important; width: 112px !important; height: 112px !important; }
.tf-app-popover .tf-app-details { flex: 1 1 auto; min-width: 0; }
.tf-app-popover .tf-app-details > strong { display: block; margin-bottom: 5px; font-size: 16px; line-height: 1.2; color: #111827; }
.tf-app-popover .tf-app-details > p { margin: 0 0 11px; font-size: 12px; line-height: 1.45; color: #4b5563; }
.tf-app-popover .tf-store-buttons { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px !important; width: 100%; }
.tf-app-popover .tf-store-buttons button { width: 100% !important; min-width: 0 !important; height: 42px !important; padding: 5px 6px !important; overflow: hidden; box-sizing: border-box; border-radius: 7px !important; }
.tf-app-popover .tf-store-buttons button > span { min-width: 0; white-space: nowrap !important; font-size: 8px !important; line-height: 1.05 !important; }
.tf-app-popover .tf-store-buttons button b { display: inline-block; white-space: nowrap !important; font-size: 10px !important; line-height: 1.1 !important; }

/* TF DESKTOP SEARCH WIDTH + CATEGORY ALIGNMENT 2026 */
@media (min-width: 1025px) and (max-width: 1399px) {
  .whb-header-bottom .wd-header-cats { width: 253px !important; flex: 0 0 253px !important; }
  .whb-general-header .tf-app-trigger { width: 166px !important; padding-inline: 7px !important; }
  .whb-general-header .tf-locale-trigger { width: 122px !important; min-width: 122px !important; padding-inline: 7px !important; }
  .whb-general-header .wd-header-my-account { width: 150px !important; }
  .whb-general-header .wd-header-cart { width: 64px !important; }
  .whb-general-header .tf-util-copy small { font-size: 9px !important; }
  .whb-general-header .tf-util-copy strong { font-size: 11px !important; }
}
@media (min-width: 1400px) {
  .whb-header-bottom .wd-header-cats { width: 260px !important; flex: 0 0 260px !important; }
}

/* TF SEARCH EDGE-TO-EDGE 2026 */
@media (min-width: 1025px) {
  .whb-general-header .wd-header-search-form { padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; }
  .whb-general-header .wd-header-search-form .searchform { width: calc(100% + 10px) !important; max-width: none !important; }
  .whb-header-bottom .wd-header-cats { width: 243px !important; flex: 0 0 243px !important; }
}

/* TF SEARCH ZERO SIDE GAPS 2026 */
@media (min-width: 1025px) {
  .whb-general-header .wd-header-search-form .searchform { transform: translateX(-10px); width: calc(100% + 20px) !important; }
  .whb-header-bottom .wd-header-cats { width: 203px !important; flex: 0 0 203px !important; }
}

/* TF CATEGORY VISIBLE EDGE ALIGNMENT 2026 */
@media (min-width: 1025px) {
  .whb-header-bottom .wd-header-cats .menu-opener { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
}


/* TF MOBILE COMMERCE HEADER 2026 */
.tf-mobile-commerce-header{display:none;}
@media (max-width:1024px){
  .whb-main-header>.whb-top-bar,
  .whb-main-header>.whb-general-header,
  .whb-main-header>.whb-header-bottom{display:none !important;}
  .tf-mobile-commerce-header{display:block;background:#fff;color:#071126;font-family:var(--tf-font-body);border-bottom:1px solid #e7eaf0;box-shadow:0 6px 20px rgba(7,17,38,.06);position:relative;z-index:390;}
  .tfm-benefits{height:40px;padding:0 max(12px,calc((100vw - 1600px)/2));display:flex;align-items:center;gap:0;background:linear-gradient(115deg,#020b1d,#07162f);color:#fff;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;}
  .tfm-benefits::-webkit-scrollbar{display:none;}
  .tfm-benefits>span,.tfm-benefits>button{height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 12px;border-right:1px solid rgba(255,255,255,.2);flex:0 0 auto;color:#fff;font-size:11px;line-height:1;background:none;border-top:0;border-bottom:0;border-left:0;border-radius:0;margin:0;text-transform:none;font-weight:500;}
  .tfm-benefits>span:first-child{padding-left:14px;}
  .tfm-benefits svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  .tfm-benefits b{font-weight:600;color:#fff;}
  .tfm-benefits em{font-style:normal;color:#cbd5e1;}
  .tfm-benefits>span:first-child em{color:#fca311;}
  .tfm-benefits>button{cursor:pointer;}
  .tfm-main{width:100%;min-height:84px;padding:10px 14px;display:grid;grid-template-columns:52px minmax(118px,1fr) 54px 66px 58px;align-items:center;gap:4px;box-sizing:border-box;background:#fff;}
  .tfm-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;padding:0 4px;}
  .tfm-logo img{display:block;width:auto;height:auto;max-width:190px;max-height:64px;object-fit:contain;}
  .tfm-action{min-width:0;height:64px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#071126 !important;text-decoration:none !important;background:transparent;border:0;border-radius:10px;text-align:center;text-transform:none;font-family:inherit;font-weight:500;line-height:1.05;box-shadow:none;}
  .tfm-action:hover,.tfm-action:focus{background:#f5f7fa;color:#071126 !important;}
  .tfm-action i{width:31px;height:31px;display:flex;align-items:center;justify-content:center;position:relative;font-style:normal;}
  .tfm-action i svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  .tfm-action>span{max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tfm-action>span small,.tfm-action>span b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#071126;font-size:9px;line-height:1.15;}
  .tfm-action>span b{font-size:10px;font-weight:600;}
  .tfm-action sup{position:absolute;top:-5px;right:-7px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ef1717;color:#fff;font-size:10px;font-weight:700;line-height:18px;box-sizing:border-box;}
  .tfm-account{background:#f7f8fa;}
  .tfm-search{padding:0 14px 14px;background:#fff;}
  .tfm-search-form{width:100% !important;height:54px !important;min-height:54px !important;display:flex !important;align-items:stretch !important;border:1px solid #dfe3e9 !important;border-radius:11px !important;background:#fff !important;box-shadow:0 3px 14px rgba(15,23,42,.05);overflow:visible !important;position:relative;margin:0 !important;}
  .tfm-search-form .wd-search-cat{order:0;width:142px;min-width:142px;height:100%;position:relative;border-right:1px solid #e3e6eb;overflow:visible;}
  .tfm-search-form .wd-search-cat-btn{width:100%;height:100%;padding:0 30px 0 38px !important;display:flex;align-items:center;border:0 !important;border-radius:10px 0 0 10px !important;background:#fff !important;color:#111827 !important;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;}
  .tfm-search-form .wd-search-cat-btn:before{content:'☷';position:absolute;left:14px;top:50%;transform:translateY(-52%);font-size:21px;font-weight:400;color:#071126;}
  .tfm-search-form .wd-search-cat-btn span{overflow:hidden;text-overflow:ellipsis;}
  .tfm-search-form .wd-search-cat-btn:after{right:12px !important;}
  .tfm-search-form .wd-dropdown-search-cat{left:0 !important;right:auto !important;top:calc(100% + 7px) !important;width:240px !important;max-height:320px;background:#fff;color:#111827;border:1px solid #e3e6eb;border-radius:8px;box-shadow:0 14px 35px rgba(15,23,42,.18);z-index:999;}
  .tfm-search-form .wd-search-cat:not(.wd-opened) .wd-dropdown-search-cat{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(5px);}
  .tfm-search-form .wd-search-cat.wd-opened .wd-dropdown-search-cat{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;}
  .tfm-search-form input.s{order:1;flex:1 1 auto !important;width:auto !important;min-width:0;height:100% !important;padding:0 14px !important;border:0 !important;background:#fff !important;color:#111827 !important;font-size:14px !important;box-shadow:none !important;}
  .tfm-search-form input.s::placeholder{color:#89909d;opacity:1;}
  .tfm-search-form .wd-clear-search{order:2;align-self:center;flex:0 0 30px;}
  .tfm-search-form button.searchsubmit{order:3;flex:0 0 58px !important;width:58px !important;min-width:58px !important;height:100% !important;margin:0 !important;border:0 !important;border-radius:0 10px 10px 0 !important;background:linear-gradient(135deg,#ff9f0a,#ff6b00) !important;color:#fff !important;box-shadow:none !important;}
  .tfm-search-form button.searchsubmit:before{font-size:21px !important;}
  .main-page-wrapper,.site-content{visibility:visible !important;opacity:1 !important;height:auto !important;min-height:1px !important;}
}
@media (max-width:600px){
  .tfm-benefits{height:36px;}
  .tfm-benefits>span,.tfm-benefits>button{padding:0 10px;font-size:10px;}
  .tfm-main{min-height:76px;padding:7px 8px;grid-template-columns:45px minmax(105px,1fr) 46px 54px 48px;gap:2px;}
  .tfm-logo{padding:0 2px;}
  .tfm-logo img{max-width:148px;max-height:56px;}
  .tfm-action{height:58px;padding:2px 1px;border-radius:8px;}
  .tfm-action i{width:27px;height:27px;}
  .tfm-action i svg{width:26px;height:26px;}
  .tfm-action>span,.tfm-action>span b{font-size:8.5px;}
  .tfm-action>span small{font-size:8px;}
  .tfm-search{padding:0 8px 10px;}
  .tfm-search-form{height:50px !important;min-height:50px !important;border-radius:9px !important;}
  .tfm-search-form .wd-search-cat{width:112px;min-width:112px;}
  .tfm-search-form .wd-search-cat-btn{padding:0 21px 0 29px !important;font-size:10px;}
  .tfm-search-form .wd-search-cat-btn:before{left:9px;font-size:18px;}
  .tfm-search-form .wd-search-cat-btn:after{right:7px !important;}
  .tfm-search-form input.s{padding:0 9px !important;font-size:12px !important;}
  .tfm-search-form button.searchsubmit{flex-basis:50px !important;width:50px !important;min-width:50px !important;border-radius:0 8px 8px 0 !important;}
}
@media (max-width:380px){
  .tfm-main{grid-template-columns:42px minmax(92px,1fr) 42px 48px 44px;padding-inline:5px;}
  .tfm-logo img{max-width:125px;}
  .tfm-action>span{font-size:7.5px;}
  .tfm-search-form .wd-search-cat{width:96px;min-width:96px;}
  .tfm-search-form .wd-search-cat-btn{padding-left:25px !important;font-size:9px;}
  .tfm-search-form input.s{font-size:11px !important;}
}