/* AutoID UIX Beta 0.0.49-beta - core site/header assets. Generated from 0.0.48-beta frontend.css; account/cart/checkout/order page rules are in frontend-commerce.css. */
/* AutoID UIX Beta 0.0.4 — Variant A */
:root{
  --autoid-orange:#f7630c;
  --autoid-orange-dark:#d94f00;
  --autoid-navy:#111827;
  --autoid-ink:#101828;
  --autoid-muted:#667085;
  --autoid-line:#dfe3e8;
  --autoid-soft:#f7f8fa;
  --autoid-soft-orange:#fff6ef;
  --autoid-green:#15803d;
  --autoid-r1:5px;
  --autoid-r2:8px;
  --autoid-r3:10px;
  --autoid-shadow:0 12px 34px rgba(16,24,40,.09);
}
.autoid-uix-beta .button,
.autoid-uix-beta button,
.autoid-uix-beta input,
.autoid-uix-beta select,
.autoid-uix-beta textarea{border-radius:var(--autoid-r1)!important}

/* Header Variant A */
.autoid-uix-header-a .site-header-row-container-inner,
.autoid-uix-header-a .site-main-header-wrap,
.autoid-uix-header-a .site-bottom-header-wrap{background:#fff}
.autoid-uix-header-a .site-main-header-inner-wrap{min-height:72px;gap:14px}
.autoid-uix-header-a .site-bottom-header-inner-wrap{border-top:1px solid #eef0f2;min-height:45px}
.autoid-uix-header-a .site-header .site-header-item{margin-left:6px;margin-right:6px}
.autoid-uix-header-a .site-header a{transition:color .15s ease,background .15s ease,border-color .15s ease}
.autoid-uix-header-a .site-header a:hover{color:var(--autoid-orange)}
.autoid-uix-header-a .dgwt-wcas-search-wrapp,
.autoid-uix-header-a .dgwt-wcas-sf-wrapp{max-width:none!important}
.autoid-uix-header-a .dgwt-wcas-sf-wrapp{border-radius:8px!important;overflow:hidden}
.autoid-uix-header-a .dgwt-wcas-search-input{
  min-height:46px!important;border:1px solid #d7dde4!important;background:#f8fafc!important;
  border-radius:8px!important;box-shadow:none!important;padding-left:16px!important
}
.autoid-uix-header-a .dgwt-wcas-search-submit{border-radius:5px!important;background:var(--autoid-orange)!important}
.autoid-uix-header-a .header-account-wrap a,
.autoid-uix-header-a .header-cart-wrap a{
  min-height:40px;padding:7px 9px;border:1px solid var(--autoid-line);border-radius:7px;background:#fff
}
.autoid-uix-support-shortcut{
  display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid var(--autoid-line);
  border-radius:7px;background:#fff;color:#344054!important;text-decoration:none!important;font-size:13px;font-weight:650;white-space:nowrap
}
.autoid-uix-support-shortcut:hover{border-color:#ffc6a3;background:#fff8f3;color:var(--autoid-orange)!important}
.autoid-uix-support-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
.autoid-uix-header-compact .site-top-header-wrap{display:none!important}
.autoid-uix-header-compact .site-main-header-inner-wrap{min-height:58px}
.autoid-uix-header-compact .site-header{box-shadow:0 8px 24px rgba(16,24,40,.08)}

/* Account popover */
.autoid-uix-account-popover{
  position:fixed;z-index:999999;background:#fff;border:1px solid var(--autoid-line);border-radius:10px;
  box-shadow:var(--autoid-shadow);padding:16px;color:var(--autoid-ink)
}
.autoid-uix-account-popover[hidden]{display:none!important}
.autoid-uix-account-popover__head{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid #eef0f2;margin-bottom:11px}
.autoid-uix-account-popover__head strong{font-size:17px}
.autoid-uix-account-popover__head span{font-size:12px;color:var(--autoid-muted)}
.autoid-uix-account-popover nav{display:grid;gap:4px}
.autoid-uix-account-popover nav a{padding:10px;border-radius:5px;text-decoration:none;color:#344054;font-size:13px;font-weight:650}
.autoid-uix-account-popover nav a:hover{background:var(--autoid-soft-orange);color:var(--autoid-orange-dark)}
.autoid-uix-account-popover nav a.is-logout{color:#b42318;border-top:1px solid #eef0f2;margin-top:5px;padding-top:12px}
.autoid-uix-account-login-form{display:grid;gap:10px;margin:0}
.autoid-uix-account-login-form>label{display:grid;gap:5px;margin:0;font-size:12px;font-weight:650;color:#344054}
.autoid-uix-account-login-form input[type=text],
.autoid-uix-account-login-form input[type=password]{width:100%;min-height:42px;margin:0;border:1px solid #d9dee7;padding:8px 10px;background:#fff;color:#101828;box-shadow:none}
.autoid-uix-account-login-options{display:flex;align-items:center;justify-content:space-between;gap:10px}
.autoid-uix-account-login-options .autoid-uix-account-remember{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:600;color:var(--autoid-muted);cursor:pointer}
.autoid-uix-account-login-options .autoid-uix-account-remember input{width:15px;height:15px;margin:0}
.autoid-uix-account-login-submit{width:100%;min-height:42px!important;margin:0!important;border:1px solid var(--autoid-orange)!important;background:var(--autoid-orange)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer}
.autoid-uix-account-login-submit:hover,.autoid-uix-account-login-submit:focus{background:var(--autoid-orange-dark)!important;border-color:var(--autoid-orange-dark)!important;color:#fff!important}
.autoid-uix-account-login-submit:disabled{opacity:.65;cursor:wait}
.autoid-uix-account-login-message{padding:8px 10px;border-radius:6px;font-size:11px;line-height:1.4}
.autoid-uix-account-login-message[hidden]{display:none!important}
.autoid-uix-account-login-message.is-error{background:#fff1f0;color:#b42318}
.autoid-uix-account-login-message.is-success{background:#ecfdf3;color:#067647}
.autoid-uix-lost-password{font-size:11px;color:var(--autoid-orange);text-decoration:none}
.autoid-uix-google-login--header{margin-top:2px}
.autoid-uix-signup{text-align:center;border-top:1px solid #eef0f2;padding-top:12px;margin-top:12px;font-size:12px}
.autoid-uix-signup a{color:var(--autoid-orange);font-weight:750}
.autoid-uix-or{display:flex;align-items:center;gap:8px;color:#98a2b3;font-size:11px;margin:10px 0}
.autoid-uix-or:before,.autoid-uix-or:after{content:"";height:1px;background:#eaecf0;flex:1}
.autoid-uix-google-login{text-align:center}
.autoid-uix-google-login a,.autoid-uix-google-login button{width:100%!important;min-height:42px!important;border-radius:5px!important}

/* Shared buttons */
.autoid-uix-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:9px 13px!important;border-radius:7px!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important}
.autoid-uix-button--primary{background:var(--autoid-orange)!important;border:1px solid var(--autoid-orange)!important;color:#fff!important}
.autoid-uix-button--primary:hover{background:var(--autoid-orange-dark)!important;border-color:var(--autoid-orange-dark)!important}
.autoid-uix-button--ghost{background:#fff!important;border:1px solid var(--autoid-line)!important;color:#344054!important}
.autoid-uix-button--ghost:hover{border-color:#f6b68f!important;color:var(--autoid-orange-dark)!important}
.autoid-uix-button--ghost-light{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important}
.autoid-uix-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.085em;color:#98a2b3;font-weight:800}

/* Guest My Account */

.autoid-uix-guest-hero{border:1px solid var(--autoid-line);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:10px;padding:23px;margin:0 0 18px}
.autoid-uix-guest-hero h1{font-size:26px;line-height:1.15;margin:5px 0 7px;letter-spacing:-.025em}
.autoid-uix-guest-hero p{margin:0;max-width:700px;color:var(--autoid-muted)}





/* Logged My Account */







.autoid-uix-discounts{margin-top:13px;padding:11px;border:1px solid #ffd7bc;background:var(--autoid-soft-orange);border-radius:8px}
.autoid-uix-discounts__title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:#965027;margin-bottom:7px}
.autoid-uix-discounts__list{display:flex;flex-wrap:wrap;gap:6px}
.autoid-uix-discount{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #f1c7aa;background:#fff;border-radius:5px;font-size:11px}
.autoid-uix-discount strong{color:var(--autoid-orange);font-size:12px}









.autoid-uix-stat{border:1px solid #e8ebef;background:#f8fafc;border-radius:7px;padding:13px}
.autoid-uix-stat>strong{font-size:20px;display:block;color:var(--autoid-ink)}
.autoid-uix-stat>span{display:block;font-size:11px;color:var(--autoid-muted);margin-top:4px}
.autoid-uix-stat--discounts>strong{font-size:14px}
.autoid-uix-mini-discounts{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.autoid-uix-mini-discounts span{font-size:10px;border:1px solid #ffd7bc;background:#fff;padding:4px 6px;border-radius:4px}
.autoid-uix-mini-discounts strong{color:var(--autoid-orange)}
.autoid-uix-latest-order{border:1px solid #e5e9ee;border-radius:7px;padding:14px;margin-top:10px}
.autoid-uix-latest-order__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.autoid-uix-latest-order h3{font-size:16px;margin:2px 0}
.autoid-uix-latest-order p{margin:0!important;font-size:11px!important;color:var(--autoid-muted)}




/* Orders */





/* Unified account details */
.autoid-uix-details{display:grid;gap:14px}
.autoid-uix-detail-card{border:1px solid var(--autoid-line);border-radius:8px;padding:17px;background:#fff}
.autoid-uix-detail-card h2{font-size:20px;margin:3px 0 4px}
.autoid-uix-detail-card>p{font-size:12px;color:var(--autoid-muted);margin-top:0}
.autoid-uix-detail-card label{font-size:11px;font-weight:700;color:#475467}
.autoid-uix-detail-card input.input-text,.autoid-uix-detail-card select{min-height:42px;border:1px solid #d9dee7!important;background:#fff!important;box-shadow:none!important}
.autoid-uix-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.autoid-uix-password-box{border:1px solid #e6e9ed;background:#fafbfc;border-radius:7px;padding:12px;margin:13px 0}
.autoid-uix-password-box legend{font-size:11px;font-weight:800;padding:0 5px}
.autoid-uix-address-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.autoid-uix-address-card{border:1px solid #e7eaee;background:#fafbfc;border-radius:7px;padding:13px}
.autoid-uix-address-card h3{font-size:14px;margin:0 0 10px}
.autoid-uix-empty-state{border:1px solid #e5e7eb;background:#f8fafc;border-radius:6px;padding:11px;color:#667085;font-size:12px}
.autoid-uix-payment-list{display:grid;gap:7px;margin:10px 0}
.autoid-uix-payment-token{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px}
.autoid-uix-payment-token strong{color:var(--autoid-green);font-size:10px}

/* Checkout flow */









.autoid-uix-shipping-progress{border:1px solid #ffd7bc;background:#fff8f3;border-radius:8px;padding:12px;margin:0 0 16px}
.autoid-uix-shipping-progress__head{display:flex;justify-content:space-between;gap:12px;font-size:11px}
.autoid-uix-shipping-progress__head strong{color:#92400e}
.autoid-uix-shipping-progress__head span{color:#7c5b47}
.autoid-uix-shipping-progress__bar{height:6px;background:#ffeadc;border-radius:3px;overflow:hidden;margin-top:8px}
.autoid-uix-shipping-progress__bar span{display:block;height:100%;background:var(--autoid-orange)}

/* Classic cart */






/* Checkout block — visual only, native logic stays intact */








/* Footer A */
.autoid-uix-footer-cta{background:var(--autoid-navy);padding:28px max(20px,calc((100vw - 1240px)/2));color:#fff}
.autoid-uix-footer-cta__inner{display:grid;grid-template-columns:1.45fr .7fr;gap:20px;align-items:center;background:#182230;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:18px}
.autoid-uix-footer-cta h3{font-size:19px;margin:0;color:#fff}
.autoid-uix-footer-cta p{font-size:12px;margin:5px 0 0;color:#aeb8c7}
.autoid-uix-footer-cta__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.autoid-uix-footer-a .site-footer{background:var(--autoid-navy)!important;color:#c1cad6}
.autoid-uix-footer-a .site-footer-row-container-inner{background:var(--autoid-navy)!important}
.autoid-uix-footer-a .site-footer h2,.autoid-uix-footer-a .site-footer h3,.autoid-uix-footer-a .site-footer h4{color:#fff!important;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.autoid-uix-footer-a .site-footer a{color:#c1cad6!important;text-decoration:none}
.autoid-uix-footer-a .site-footer a:hover{color:#fff!important}
.autoid-uix-footer-a .site-footer .widget{font-size:12px}

@media(max-width:1024px){
  
  .autoid-uix-stat--discounts{grid-column:1/-1}
  .autoid-uix-address-columns{grid-template-columns:1fr}
}
@media(max-width:767px){
  .autoid-uix-header-a .autoid-uix-support-shortcut{min-width:38px;width:38px;overflow:hidden;padding:0;justify-content:center;font-size:0}
  .autoid-uix-header-a .autoid-uix-support-shortcut:after{content:"AI";font-size:10px;font-weight:800}
  
  
  .autoid-uix-discounts__list{display:grid;grid-template-columns:1fr}
  
  
  
  
  
  .autoid-uix-stat--discounts{grid-column:auto}
  .autoid-uix-latest-order__head{display:block}
  .autoid-uix-latest-order__head .autoid-uix-button{margin-top:9px}
  .autoid-uix-grid-2{grid-template-columns:1fr}
  
  
  
  
  
  .autoid-uix-shipping-progress__head{display:block}
  .autoid-uix-shipping-progress__head span{display:block;margin-top:3px}
  
  .autoid-uix-footer-cta{padding:18px 12px}
  .autoid-uix-footer-cta__inner{grid-template-columns:1fr;padding:15px}
  .autoid-uix-footer-cta__actions{justify-content:flex-start}
  .autoid-uix-account-popover{max-height:calc(100vh - 24px);overflow:auto}
}


/* ==========================================================
 * v0.0.4-beta — full My Account shell takeover
 * Kadence/WooCommerce no longer controls the logged-in layout.
 * ========================================================== */



/* Remove only the legacy page/title chrome. The new AutoID hero has its own h1. */


/* Neutralize Kadence page-box spacing only on logged-in My Account. */




/* Full-bleed stage escapes the theme content container, then centers a 1240px shell. */












/* Our own nav markup — no Kadence account navigation template involved. */













.autoid-uix-endpoint-heading{
  border-bottom:1px solid #eceff2;
  padding:0 0 16px;
  margin:0 0 16px;
}
.autoid-uix-endpoint-heading h2{
  margin:3px 0 4px;
  font-size:22px;
  line-height:1.2;
}
.autoid-uix-endpoint-heading p{
  margin:0;
  color:#667085;
  font-size:12px;
}

/* Dashboard is already inside the main panel — keep cards crisp and usable. */




/* Dynamic discounts: no fake global percentage. */

.autoid-uix-discounts--empty,
.autoid-uix-mini-discounts--empty{
  margin-top:8px;
  color:#667085;
  font-size:11px;
}

/* Orders table stays in the flexible column and never forces the sidebar narrower. */



/* Unified details do not need a second heavy outer frame. */



@media(max-width:1050px){
  
  
  
  
  
}

@media(max-width:820px){
  
  
  
  
  
  
  
  
  
  
  
}

@media(max-width:520px){
  
  
  
  
  
  
  
  
  
}

/* ==========================================================
 * v0.0.5-beta — Variant A is now a real header takeover.
 * Layout target: 1490px, 5-10px radii, stronger B2B scale.
 * ========================================================== */

/* Hide Kadence's native header when the beta Header module is enabled. */
body.autoid-uix-header-a #masthead,
body.autoid-uix-header-a .site-header:not(.autoid-uix-site-header),
body.autoid-uix-header-a .site-mobile-header-wrap{
  display:none!important;
}

.autoid-uix-site-header{
  position:sticky;
  top:0;
  z-index:99990;
  width:100%;
  background:#fff;
  border-bottom:1px solid #f7630c;
  box-shadow:0 1px 0 rgba(16,24,40,.03);
  color:#101828;
}
body.admin-bar .autoid-uix-site-header{top:32px}
.autoid-uix-header-inner{
  width:min(1490px,calc(100% - 36px));
  margin:0 auto;
}
.autoid-uix-header-utility{
  background:#fff;
  border-bottom:1px solid #f1f3f5;
}
.autoid-uix-header-utility__inner{
  min-height:28px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:20px;
  font-size:11px;
  color:#667085;
}
.autoid-uix-header-main__inner{
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(215px,270px) minmax(360px,1fr) auto;
  align-items:center;
  gap:24px;
}
.autoid-uix-header-logo{min-width:0}
.autoid-uix-header-logo .custom-logo-link{display:inline-flex;align-items:center}
.autoid-uix-header-logo img.custom-logo,
.autoid-uix-header-logo img{
  display:block;
  width:auto!important;
  max-width:245px!important;
  max-height:64px!important;
  object-fit:contain;
}
.autoid-uix-header-fallback-logo{display:flex;flex-direction:column;text-decoration:none!important;color:#101828!important}
.autoid-uix-header-fallback-logo strong{font-size:28px;line-height:1}
.autoid-uix-header-fallback-logo span{font-size:10px;color:#667085;margin-top:3px}
.autoid-uix-header-search{min-width:0;width:100%}
.autoid-uix-header-search .dgwt-wcas-search-wrapp,
.autoid-uix-header-search .dgwt-wcas-sf-wrapp{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.autoid-uix-header-search .dgwt-wcas-sf-wrapp{border-radius:8px!important;overflow:hidden!important}
.autoid-uix-header-search .dgwt-wcas-search-input{
  min-height:48px!important;
  border:1px solid #d7dde4!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
  padding-left:16px!important;
  font-size:14px!important;
}
.autoid-uix-header-search .dgwt-wcas-search-submit{
  min-width:52px!important;
  border-radius:5px!important;
  background:#f7630c!important;
}
.autoid-uix-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.autoid-uix-site-header .autoid-uix-support-shortcut,
.autoid-uix-header-action{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border:1px solid #dfe3e8;
  border-radius:7px;
  background:#fff;
  color:#344054!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:700;
}
.autoid-uix-header-action:hover,.autoid-uix-site-header .autoid-uix-support-shortcut:hover{border-color:#f3b58e;color:#d94f00!important;background:#fff8f3}
.autoid-uix-header-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.autoid-uix-header-action b{font-size:12px;color:#98a2b3}
.autoid-uix-header-rfq{
  min-width:78px;
  cursor:pointer;
  font-family:inherit;
  line-height:1;
}
.autoid-uix-header-rfq-label{font-size:13px;font-weight:400;letter-spacing:.01em}
.autoid-uix-header-rfq-count{
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:9px;
  background:#fff1e8;
  color:#d94f00;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.autoid-uix-header-rfq-count[hidden]{display:none!important}
.autoid-uix-header-cart{min-width:48px;padding:0 10px}
.autoid-uix-cart-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#fff1e8;color:#d94f00;font-size:10px;font-weight:800}
.autoid-uix-header-navrow{border-top:1px solid #eff1f3;background:#fff}
.autoid-uix-header-navrow__inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.autoid-uix-primary-nav{min-width:0;flex:1}
.autoid-uix-main-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0!important;padding:0!important;flex-wrap:wrap}
.autoid-uix-main-menu>li{position:relative;margin:0!important;padding:0!important}
.autoid-uix-main-menu>li>a{display:flex;align-items:center;min-height:47px;padding:0 13px;color:#344054!important;text-decoration:none!important;font-size:13px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}
.autoid-uix-main-menu>li.current-menu-item>a,
.autoid-uix-main-menu>li.current-menu-ancestor>a,
.autoid-uix-main-menu>li>a:hover{color:#f7630c!important;border-bottom-color:#f7630c}
.autoid-uix-main-menu .sub-menu{display:none;position:absolute;left:0;top:100%;z-index:60;min-width:240px;margin:0!important;padding:7px!important;list-style:none;background:#fff;border:1px solid #dfe3e8;border-radius:7px;box-shadow:0 14px 34px rgba(16,24,40,.12)}
.autoid-uix-main-menu li:hover>.sub-menu,.autoid-uix-main-menu li:focus-within>.sub-menu{display:block}
.autoid-uix-main-menu .sub-menu li{position:relative;margin:0!important}
.autoid-uix-main-menu .sub-menu a{display:block;padding:10px 11px;border-radius:5px;color:#344054!important;text-decoration:none!important;font-size:12px;font-weight:650}
.autoid-uix-main-menu .sub-menu a:hover{background:#fff4ec;color:#d94f00!important}
.autoid-uix-main-menu .sub-menu .sub-menu{left:100%;top:0}
.autoid-uix-header-tech{display:flex;align-items:center;gap:8px;color:#344054!important;text-decoration:none!important;white-space:nowrap;padding-left:8px}
.autoid-uix-header-tech i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
.autoid-uix-header-tech span{display:flex;align-items:center;gap:6px}
.autoid-uix-header-tech small{font-size:11px;color:#667085}
.autoid-uix-header-tech strong{font-size:12px;color:#101828}

body.autoid-uix-header-compact .autoid-uix-header-utility{display:none}
body.autoid-uix-header-compact .autoid-uix-header-main__inner{min-height:62px}
body.autoid-uix-header-compact .autoid-uix-header-logo img{max-height:46px!important}
body.autoid-uix-header-compact .autoid-uix-header-navrow__inner{min-height:42px}
body.autoid-uix-header-compact .autoid-uix-main-menu>li>a{min-height:41px}
body.autoid-uix-header-compact .autoid-uix-site-header{box-shadow:0 8px 24px rgba(16,24,40,.08)}

/* 1490px account stage — match Preview V2 proportions rather than Kadence defaults. */




















.autoid-uix-recommended{margin-top:16px;border:1px solid #e5e9ee;border-radius:8px;padding:18px;background:#fff}
.autoid-uix-recommended__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.autoid-uix-recommended__head h3{margin:3px 0 4px;font-size:19px}
.autoid-uix-recommended__head p{margin:0;color:#667085;font-size:12px}
.autoid-uix-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.autoid-uix-product-card{display:block;min-width:0;border:1px solid #dfe3e8;border-radius:7px;padding:11px;color:#101828!important;text-decoration:none!important;background:#fff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.autoid-uix-product-card:hover{transform:translateY(-1px);border-color:#f4b78f;box-shadow:0 8px 22px rgba(16,24,40,.07)}
.autoid-uix-product-card__image{height:150px;display:grid;place-items:center;background:#f8fafc;border-radius:5px;overflow:hidden}
.autoid-uix-product-card__image img{max-width:100%;max-height:140px;width:auto!important;height:auto!important;object-fit:contain}
.autoid-uix-product-card__name{font-size:13px;font-weight:750;line-height:1.35;margin-top:10px;min-height:36px}
.autoid-uix-product-card__meta{font-size:11px;color:#667085;margin-top:7px}
.autoid-uix-product-card__meta strong{color:#f7630c}

/* Footer follows the same 1490px rhythm. */
.autoid-uix-footer-cta{padding-left:max(18px,calc((100vw - 1490px)/2))!important;padding-right:max(18px,calc((100vw - 1490px)/2))!important}
.autoid-uix-footer-cta__inner{max-width:1490px;margin:0 auto;padding:22px 24px!important}
.autoid-uix-footer-a .site-footer-row-container-inner{max-width:1490px!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:1180px){
  .autoid-uix-header-main__inner{grid-template-columns:210px minmax(280px,1fr) auto;gap:14px}
  .autoid-uix-header-action span,.autoid-uix-site-header .autoid-uix-support-shortcut span:not(.autoid-uix-support-dot){display:none}
  .autoid-uix-header-action{min-width:42px;padding:0 10px}
  .autoid-uix-header-tech{display:none}
  
  
}
@media(max-width:900px){
  .autoid-uix-header-utility{display:none}
  .autoid-uix-header-main__inner{grid-template-columns:1fr auto;min-height:auto;padding:10px 0;gap:10px}
  .autoid-uix-header-logo img{max-height:48px!important;max-width:190px!important}
  .autoid-uix-header-search{grid-column:1/-1;grid-row:2}
  .autoid-uix-header-navrow__inner{overflow-x:auto;justify-content:flex-start}
  .autoid-uix-main-menu{flex-wrap:nowrap}
  
  
  
  .autoid-uix-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body.admin-bar .autoid-uix-site-header{top:46px}
  .autoid-uix-header-inner{width:calc(100% - 20px)}
  .autoid-uix-header-actions{gap:5px}
  .autoid-uix-site-header .autoid-uix-support-shortcut{min-width:40px;width:40px;padding:0;font-size:0}
  .autoid-uix-site-header .autoid-uix-support-shortcut:after{content:"AI";font-size:10px;font-weight:800}
  
  
  
  
  
  
  .autoid-uix-product-grid{grid-template-columns:1fr 1fr;gap:8px}
  .autoid-uix-product-card__image{height:115px}
  .autoid-uix-product-card__image img{max-height:105px}
  .autoid-uix-recommended__head{display:block}
  .autoid-uix-recommended__head .autoid-uix-button{margin-top:10px}
}

/* ==========================================================
 * v0.0.6-beta — Header polish, dropdown cart, mobile header,
 * custom order detail page. Max content width: 1490px.
 * ========================================================== */

/* Header: no delimiter lines, only subtle depth. */
.autoid-uix-site-header{
  border:0!important;
  box-shadow:0 4px 16px rgba(16,24,40,.045)!important;
}
.autoid-uix-header-utility,
.autoid-uix-header-navrow{
  border:0!important;
}
.autoid-uix-header-utility__inner a{
  color:#667085!important;
  text-decoration:none!important;
  transition:color .15s ease;
}
.autoid-uix-header-utility__inner a:hover{color:var(--autoid-orange)!important}
.autoid-uix-utility-split{display:inline-flex;align-items:center;gap:5px}
.autoid-uix-utility-split em{font-style:normal;color:#98a2b3}

/* FiboSearch: input and submit button are one visual control. */
.autoid-uix-header-search,
.autoid-uix-header-search .dgwt-wcas-search-wrapp,
.autoid-uix-header-search .dgwt-wcas-search-form,
.autoid-uix-header-search .dgwt-wcas-sf-wrapp{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.autoid-uix-header-search .dgwt-wcas-search-form,
.autoid-uix-header-search .dgwt-wcas-sf-wrapp{
  position:relative!important;
}
.autoid-uix-header-search .dgwt-wcas-sf-wrapp{
  overflow:visible!important;
  border-radius:8px!important;
}
.autoid-uix-header-search .dgwt-wcas-search-input{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 62px 0 16px!important;
  border:1px solid #d7dde4!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
.autoid-uix-header-search .dgwt-wcas-search-submit{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  width:54px!important;
  min-width:54px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:0 7px 7px 0!important;
  background:var(--autoid-orange)!important;
}

/* Navigation: active state via color, not separator lines. */
.autoid-uix-main-menu>li>a{
  border:0!important;
  border-radius:5px;
  margin:4px 2px;
  min-height:39px!important;
}
.autoid-uix-main-menu>li.current-menu-item>a,
.autoid-uix-main-menu>li.current-menu-ancestor>a,
.autoid-uix-main-menu>li>a:hover{
  border:0!important;
  background:#fff7f2;
  color:var(--autoid-orange)!important;
}

/* Hamburger only exists on mobile. */
.autoid-uix-mobile-menu-toggle{
  display:none;
  width:38px;
  height:38px;
  padding:0!important;
  border:1px solid #dfe3e8!important;
  border-radius:7px!important;
  background:#fff!important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.autoid-uix-mobile-menu-toggle span{display:block;width:17px;height:2px;background:#344054;border-radius:1px}
.autoid-uix-mobile-menu-panel[hidden]{display:none!important}
.autoid-uix-mobile-menu-panel{display:none}

/* RFQ mini-popover: same interaction pattern as the cart dropdown. */
.autoid-uix-rfq-popover{
  position:fixed;
  z-index:999999;
  width:390px;
  max-width:calc(100vw - 24px);
  padding:16px;
  background:#fff;
  border:1px solid var(--autoid-line);
  border-radius:10px;
  box-shadow:0 18px 48px rgba(16,24,40,.16);
  color:var(--autoid-ink);
}
.autoid-uix-rfq-popover[hidden]{display:none!important}
.autoid-uix-rfq-popover__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:5px}
.autoid-uix-rfq-popover__head strong{font-size:17px}
.autoid-uix-rfq-popover__head span{font-size:11px;color:#667085}
.autoid-uix-rfq-items{max-height:min(430px,55vh);overflow:auto;margin:0 -3px;padding:0 3px}
.autoid-uix-rfq-items[hidden]{display:none!important}
.autoid-uix-rfq-item{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #eef1f4}
.autoid-uix-rfq-item__media{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid #e8ecf1;border-radius:7px;background:#fff;color:#667085}
.autoid-uix-rfq-item__media img{display:block;width:100%;height:100%;object-fit:contain;padding:3px;background:#fff}
.autoid-uix-rfq-item__media.is-fallback{background:#fafbfc}
.autoid-uix-rfq-item__media svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.autoid-uix-rfq-item__info{min-width:0}
.autoid-uix-rfq-item__info strong{display:block;font-size:12px;line-height:1.35}
.autoid-uix-rfq-item__info strong a{display:block;overflow:hidden;text-overflow:ellipsis;color:#101828!important;text-decoration:none!important}
.autoid-uix-rfq-item__info strong a:hover{color:var(--autoid-orange)!important}
.autoid-uix-rfq-item__info>span{display:block;margin-top:4px;font-size:11px;color:#667085}
.autoid-uix-rfq-item__qty{display:inline-grid;grid-template-columns:28px 36px 28px;align-items:stretch;margin-top:7px;border:1px solid #d8dee7;border-radius:6px;overflow:hidden;background:#fff}
.autoid-uix-rfq-item__qty button{display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f8fafc!important;color:#344054!important;font-size:15px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
.autoid-uix-rfq-item__qty button:hover,.autoid-uix-rfq-item__qty button:focus{background:#eef2f6!important;color:#101828!important}
.autoid-uix-rfq-item__qty input{width:36px!important;min-width:36px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0 3px!important;border:0!important;border-left:1px solid #e3e7ed!important;border-right:1px solid #e3e7ed!important;border-radius:0!important;background:#fff!important;color:#101828!important;font-size:12px!important;font-weight:700!important;text-align:center!important;box-shadow:none!important}
.autoid-uix-rfq-item__remove{display:grid;place-items:center;width:24px;height:24px;padding:0!important;border:0!important;border-radius:5px;background:transparent!important;color:#98a2b3!important;font-size:20px;line-height:1;cursor:pointer}
.autoid-uix-rfq-item__remove:hover{background:#fff1ed!important;color:#b42318!important}
.autoid-uix-rfq-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 11px;border-top:1px solid #e5e9ee;font-size:13px}
.autoid-uix-rfq-total[hidden]{display:none!important}
.autoid-uix-rfq-total strong{font-size:12px;text-align:right}
.autoid-uix-rfq-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.autoid-uix-rfq-actions[hidden]{display:none!important}
.autoid-uix-rfq-actions .autoid-uix-button{width:100%;margin:0!important;cursor:pointer}
.autoid-uix-rfq-popover--guest .autoid-uix-rfq-actions{grid-template-columns:1fr}
.autoid-uix-rfq-empty{text-align:center;padding:22px 8px 12px}
.autoid-uix-rfq-empty[hidden]{display:none!important}
.autoid-uix-rfq-empty>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 9px;border:1px solid #eef1f4;border-radius:50%;background:#fafbfc;color:#667085;font-size:18px}
.autoid-uix-rfq-empty strong{display:block;font-size:14px}
.autoid-uix-rfq-empty p{margin:5px 0 0;color:#667085;font-size:11px;line-height:1.45}

/* v0.0.43-beta: RFQ completion stays inside the header dropdown. */
.autoid-uix-rfq-popover{overflow:auto;overscroll-behavior:contain}
.autoid-uix-rfq-popover.is-form-open .autoid-uix-rfq-actions{display:none!important}
.autoid-uix-rfq-popover.is-form-open .autoid-uix-rfq-items{max-height:min(210px,30vh)}
.autoid-uix-rfq-inline[hidden],
.autoid-uix-rfq-inline-fields[hidden],
.autoid-uix-rfq-inline-profile[hidden]{display:none!important}
.autoid-uix-rfq-inline{margin-top:3px;padding-top:14px;border-top:1px solid #e5e9ee}
.autoid-uix-rfq-inline-form{display:grid;gap:12px;margin:0}
.autoid-uix-rfq-inline-section{margin:0;padding:0}
.autoid-uix-rfq-inline-requester{display:grid;gap:9px}
.autoid-uix-rfq-inline-requester__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.autoid-uix-rfq-inline-requester__head>strong{font-size:13px;color:#101828}
.autoid-uix-rfq-inline-edit{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#d94f00!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;box-shadow:none!important;cursor:pointer;text-transform:none!important}
.autoid-uix-rfq-inline-edit:hover,.autoid-uix-rfq-inline-edit:focus{text-decoration:underline!important;background:transparent!important;color:#b54708!important}
.autoid-uix-rfq-inline-profile{display:grid;gap:2px;padding:10px 11px;border:1px solid #e4e7ec;border-radius:7px;background:#f8fafc}
.autoid-uix-rfq-inline-profile strong{font-size:12px;color:#101828;line-height:1.35}
.autoid-uix-rfq-inline-profile span{font-size:11px;color:#667085;line-height:1.45;overflow-wrap:anywhere}
.autoid-uix-rfq-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.autoid-uix-rfq-inline-grid label,
.autoid-uix-rfq-inline-note{display:grid;gap:5px;margin:0}
.autoid-uix-rfq-inline-grid label>span,
.autoid-uix-rfq-inline-note>span{font-size:10.5px;font-weight:700;color:#475467}
.autoid-uix-rfq-inline-grid input,
.autoid-uix-rfq-inline-note textarea{width:100%!important;min-width:0!important;margin:0!important;border:1px solid #d0d5dd!important;border-radius:6px!important;background:#fff!important;color:#101828!important;box-shadow:none!important;font-size:12px!important;line-height:1.35!important;outline:0!important}
.autoid-uix-rfq-inline-grid input{height:39px!important;min-height:39px!important;padding:8px 10px!important}
.autoid-uix-rfq-inline-note textarea{min-height:86px!important;padding:9px 10px!important;resize:vertical}
.autoid-uix-rfq-inline-grid input:focus,
.autoid-uix-rfq-inline-note textarea:focus{border-color:#f7630c!important;box-shadow:0 0 0 2px rgba(247,99,12,.10)!important}
.autoid-uix-rfq-inline-check{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:flex-start;margin:0;padding:9px 10px;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#475467;font-size:10.5px;line-height:1.45}
.autoid-uix-rfq-inline-check input{width:15px!important;height:15px!important;margin:2px 0 0!important;accent-color:#f7630c}
.autoid-uix-rfq-inline-check>span{display:grid;gap:2px}
.autoid-uix-rfq-inline-check strong{font-size:11px;color:#101828}
.autoid-uix-rfq-inline-check small{font-size:10px;color:#667085}
.autoid-uix-rfq-inline-check a{color:#d94f00!important}
.autoid-uix-rfq-inline-message{display:none;padding:8px 10px;border-radius:6px;font-size:11px;line-height:1.4}
.autoid-uix-rfq-inline-message.is-error{display:block;background:#fef3f2;color:#b42318;border:1px solid #fecdca}
.autoid-uix-rfq-inline-message.is-success{display:block;background:#ecfdf3;color:#027a48;border:1px solid #abefc6}
.autoid-uix-rfq-inline-submit{width:100%!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;border:1px solid #f7630c!important;border-radius:6px!important;background:#f7630c!important;color:#fff!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important;box-shadow:none!important;text-transform:none!important;cursor:pointer}
.autoid-uix-rfq-inline-submit:hover,.autoid-uix-rfq-inline-submit:focus{background:#df5407!important;border-color:#df5407!important;color:#fff!important}
.autoid-uix-rfq-inline-submit[disabled]{opacity:.6;cursor:wait}

/* Cart behaves like the account dropdown, not as an off-canvas drawer. */
.autoid-uix-cart-popover{
  position:fixed;
  z-index:999999;
  width:390px;
  max-width:calc(100vw - 24px);
  padding:16px;
  background:#fff;
  border:1px solid var(--autoid-line);
  border-radius:10px;
  box-shadow:0 18px 48px rgba(16,24,40,.16);
  color:var(--autoid-ink);
}
.autoid-uix-cart-popover[hidden]{display:none!important}
.autoid-uix-cart-popover__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:5px}
.autoid-uix-cart-popover__head strong{font-size:17px}
.autoid-uix-cart-popover__head span{font-size:11px;color:#667085}
.autoid-uix-cart-items{max-height:min(430px,55vh);overflow:auto;margin:0 -3px;padding:0 3px}
.autoid-uix-cart-item{display:grid;grid-template-columns:64px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #eef1f4}
.autoid-uix-cart-item__image{width:64px;height:64px;display:grid;place-items:center;border:1px solid #eef1f4;border-radius:6px;background:#fafbfc;overflow:hidden}
.autoid-uix-cart-item__image img{display:block;max-width:58px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain}
.autoid-uix-cart-item__info{min-width:0}
.autoid-uix-cart-item__info strong{display:block;font-size:12px;line-height:1.35}
.autoid-uix-cart-item__info strong a{color:#101828!important;text-decoration:none!important}
.autoid-uix-cart-item__info strong a:hover{color:var(--autoid-orange)!important}
.autoid-uix-cart-item__info span{display:block;margin-top:5px;font-size:11px;color:#667085}
.autoid-uix-cart-item__remove{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;text-decoration:none!important;color:#98a2b3!important;font-size:20px;line-height:1}
.autoid-uix-cart-item__remove:hover{background:#fff1ed;color:#b42318!important}
.autoid-uix-cart-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 11px;border-top:1px solid #e5e9ee;font-size:13px}
.autoid-uix-cart-subtotal strong{font-size:15px}
.autoid-uix-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.autoid-uix-cart-actions .autoid-uix-button{width:100%}
.autoid-uix-cart-empty{text-align:center;padding:22px 8px 12px}
.autoid-uix-cart-empty>span{display:block;font-size:28px;margin-bottom:8px}
.autoid-uix-cart-empty strong{display:block;font-size:14px}
.autoid-uix-cart-empty p{margin:5px 0 0;color:#667085;font-size:11px}
.autoid-uix-header-cart.is-updated{animation:autoidCartPulse .35s ease}
@keyframes autoidCartPulse{50%{transform:scale(1.08);background:#fff4ec}}

/* View order: dedicated full-width order experience, no account sidebar/hero. */















































@media(max-width:900px){
  .autoid-uix-header-main__inner{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:9px 0 10px!important;
  }
  .autoid-uix-mobile-menu-toggle{display:inline-flex}
  .autoid-uix-header-logo{min-width:0}
  .autoid-uix-header-logo img.custom-logo,
  .autoid-uix-header-logo img{max-width:165px!important;max-height:44px!important}
  .autoid-uix-header-search{grid-column:1/-1!important;grid-row:2!important}
  .autoid-uix-header-actions{grid-column:3;grid-row:1}
  .autoid-uix-header-navrow{display:none!important}
  .autoid-uix-mobile-menu-panel{
    position:absolute;
    top:100%;left:0;right:0;
    display:block;
    max-height:calc(100vh - 110px);
    overflow:auto;
    padding:10px max(12px,calc((100vw - 1490px)/2));
    background:#fff;
    box-shadow:0 18px 34px rgba(16,24,40,.14);
  }
  .autoid-uix-mobile-menu-list{list-style:none;margin:0!important;padding:0!important}
  .autoid-uix-mobile-menu-list>li{position:relative;border-bottom:1px solid #f0f2f4}
  .autoid-uix-mobile-menu-list a{display:block;padding:13px 42px 13px 9px;color:#344054!important;text-decoration:none!important;font-size:13px;font-weight:700}
  .autoid-uix-mobile-menu-list .sub-menu{display:none;position:static!important;min-width:0!important;margin:0 0 8px!important;padding:0 0 0 13px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fafbfc!important;list-style:none}
  .autoid-uix-mobile-menu-list li.is-open>.sub-menu{display:block!important}
  .autoid-uix-mobile-menu-list .sub-menu a{padding:10px 9px;font-size:12px;font-weight:600}
  .autoid-uix-mobile-submenu-toggle{position:absolute;right:4px;top:6px;width:34px;height:34px;border:0!important;background:transparent!important;color:#667085;font-size:17px;padding:0!important}
  
  
  
  
}

@media(max-width:600px){
  .autoid-uix-header-logo img.custom-logo,
  .autoid-uix-header-logo img{max-width:145px!important;max-height:40px!important}
  .autoid-uix-header-actions{gap:4px!important}
  .autoid-uix-header-action,
  .autoid-uix-site-header .autoid-uix-support-shortcut{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important}
  .autoid-uix-header-action span,.autoid-uix-header-action b{display:none!important}
  .autoid-uix-header-rfq{
    min-width:38px!important;
    width:38px!important;
    padding:0!important;
    position:relative;
    overflow:visible!important;
  }
  .autoid-uix-header-rfq>svg{display:block!important;width:19px!important;height:19px!important}
  .autoid-uix-header-rfq .autoid-uix-header-rfq-count{
    display:grid!important;
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:8px;
    background:#fff1e8;
    color:#d94f00;
    font-size:9px;
    line-height:1;
    box-shadow:0 0 0 2px #fff;
  }
  .autoid-uix-header-rfq .autoid-uix-header-rfq-count[hidden]{display:none!important}
  .autoid-uix-header-search .dgwt-wcas-search-input,
  .autoid-uix-header-search .dgwt-wcas-search-submit{height:46px!important;min-height:46px!important}
  .autoid-uix-header-search .dgwt-wcas-search-submit{width:50px!important;min-width:50px!important}
  .autoid-uix-cart-popover,.autoid-uix-rfq-popover,.autoid-uix-account-popover{max-height:calc(100vh - 18px);overflow:auto}
  
  
  
  
  
  
  .autoid-uix-cart-actions{grid-template-columns:1fr}
  .autoid-uix-rfq-inline-grid{grid-template-columns:1fr}
  .autoid-uix-rfq-popover.is-form-open .autoid-uix-rfq-items{max-height:min(155px,24vh)}
  .autoid-uix-rfq-inline-requester__head{align-items:flex-start}
}

/* ==========================================================
 * v0.0.7-beta — shared 1490px grid + view-order inside the
 * same My Account shell as the Orders endpoint.
 * ========================================================== */
:root{
  --autoid-uix-page-max:1490px;
  --autoid-uix-page-gutter:18px;
}

/* One horizontal rhythm for header, account and footer. */
.autoid-uix-header-inner{
  width:min(var(--autoid-uix-page-max),calc(100% - (var(--autoid-uix-page-gutter) * 2)))!important;
  max-width:var(--autoid-uix-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}



/* Footer background stays full width; only its content follows the 1490px grid. */
.autoid-uix-footer-cta{
  padding-left:var(--autoid-uix-page-gutter)!important;
  padding-right:var(--autoid-uix-page-gutter)!important;
}
.autoid-uix-footer-cta__inner{
  width:min(var(--autoid-uix-page-max),100%)!important;
  max-width:var(--autoid-uix-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.autoid-uix-footer-a .site-footer-row-container-inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.autoid-uix-footer-a .site-footer-row-container-inner > .site-container,
.autoid-uix-footer-a .site-footer-row-container-inner .site-container,
.autoid-uix-footer-a .site-footer-row-container-inner .site-footer-row{
  width:min(var(--autoid-uix-page-max),calc(100% - (var(--autoid-uix-page-gutter) * 2)))!important;
  max-width:var(--autoid-uix-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep the clean V6 header: no separator rules between its three rows. */
.autoid-uix-site-header,
.autoid-uix-header-utility,
.autoid-uix-header-main,
.autoid-uix-header-navrow{
  border-top:0!important;
  border-bottom:0!important;
}

/* Search field and submit button must read as one connected control. */
.autoid-uix-header-search .dgwt-wcas-search-input{
  border-radius:8px 0 0 8px!important;
  border-right:0!important;
}
.autoid-uix-header-search .dgwt-wcas-search-submit{
  border-radius:0 7px 7px 0!important;
}

/* View-order now lives inside .autoid-uix-account-main, exactly like Orders. */










/* The order page should not switch into a separate full-width experience anymore. */


@media(max-width:900px){
  :root{--autoid-uix-page-gutter:10px}
  
  .autoid-uix-footer-a .site-footer-row-container-inner > .site-container,
  .autoid-uix-footer-a .site-footer-row-container-inner .site-container,
  .autoid-uix-footer-a .site-footer-row-container-inner .site-footer-row{
    width:calc(100% - 20px)!important;
  }
  
}

/* ==========================================================
 * v0.0.8-beta — Cart live progress + Checkout CRO structure
 * ========================================================== */

/* Current checkout step is fully highlighted, not only outlined. */



.autoid-uix-hidden-copy{display:none!important}
.autoid-uix-pickup-map{color:var(--autoid-orange)!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:750}
.autoid-uix-shipping-free-note{font-size:11px;color:#667085;font-weight:500}

/* Cart refinements */





/* Checkout: guest account callout above Contact. */







/* We keep the real Woo inputs as state/API sources, but show synchronized AutoID fields. */


.autoid-uix-mirror-field{min-width:0}
.autoid-uix-mirror-field label{
  display:block;
  margin:0 0 5px;
  color:#475467;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.autoid-uix-mirror-input{
  width:100%;
  min-height:44px;
  border:1px solid #d9dee7!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#101828!important;
  padding:10px 11px!important;
  box-shadow:none!important;
  font:inherit;
}
.autoid-uix-mirror-input:focus{outline:0;border-color:#f59a62!important;box-shadow:0 0 0 3px rgba(247,99,12,.08)!important}

/* Billing company/VAT moves below the address area. */




/* Native delivery selector + native 'Opțiuni livrare' stay as Woo state sources,
   while the AutoID selector below becomes the visible UI. */

.autoid-uix-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.autoid-uix-delivery-grid>button{
  position:relative;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  text-align:left;
  width:100%;
  min-height:66px;
  border:1px solid #d9dee7;
  border-radius:6px;
  background:#fff;
  color:#101828;
  padding:11px 12px;
  cursor:pointer;
}
.autoid-uix-delivery-grid>button:hover{border-color:#f59a62;background:#fffaf7}
.autoid-uix-delivery-grid>button.is-selected{border-color:var(--autoid-orange);box-shadow:inset 0 0 0 1px var(--autoid-orange);background:#fff8f3}
.autoid-uix-delivery-icon{grid-row:1/3;align-self:center;font-size:20px;color:#667085}
.autoid-uix-delivery-grid strong{align-self:end;font-size:12px}
.autoid-uix-delivery-grid small{align-self:start;margin-top:2px;color:#667085;font-size:10px;line-height:1.35}

/* Address UI copy/spacing. */




/* Order note remains, but reads like an optional secondary action. */


@media(max-width:767px){
  
  
  .autoid-uix-checkout-contact-row,
  .autoid-uix-checkout-billing-row,
  .autoid-uix-delivery-grid{grid-template-columns:1fr}
}


/* ==========================================================
 * v0.0.9-beta — stability fixes
 * ========================================================== */
.autoid-uix-site-header{overflow-anchor:none}

/* Only explicit WooCommerce shipping selector blocks may be hidden.
   Never hide checkout-fields-block or checkout main containers. */


/* Custom CRO sections live inside the Woo checkout fields flow. */



/* ==========================================================
 * v0.0.11-beta — one 1490px site grid + Checkout order fix
 * ========================================================== */
body.autoid-uix-beta{
  --global-content-width:1490px!important;
  --autoid-uix-page-max:1490px;
  --autoid-uix-page-gutter:18px;
}

/* Header / Main / Footer use the exact same outer content width. */
.autoid-uix-header-inner,
.autoid-uix-account-shell,
.autoid-uix-footer-cta__inner,
.autoid-uix-footer-a .site-footer-row-container-inner > .site-container,
.autoid-uix-footer-a .site-footer-row-container-inner .site-container,
.autoid-uix-footer-a .site-footer-row-container-inner .site-footer-row{
  width:min(1490px,calc(100% - 36px))!important;
  max-width:1490px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Let Kadence main content follow the same 1490px rhythm site-wide. */
body.autoid-uix-beta #inner-wrap .content-container.site-container,
body.autoid-uix-beta #inner-wrap > .site-container,
body.autoid-uix-beta main.site-main,
body.autoid-uix-beta .entry-content-wrap{
  max-width:1490px!important;
}

/* Cart / Checkout were still capped at 1180px in the early beta CSS. */


/* Hide only selector blocks positively identified by JS as safe shipping UI. */


/* Keep the CRO sections in their intended flow and prevent theme floats. */


@media(max-width:900px){
  body.autoid-uix-beta{--autoid-uix-page-gutter:10px}
  .autoid-uix-header-inner,
  .autoid-uix-account-shell,
  .autoid-uix-footer-cta__inner,
  .autoid-uix-footer-a .site-footer-row-container-inner > .site-container,
  .autoid-uix-footer-a .site-footer-row-container-inner .site-container,
  .autoid-uix-footer-a .site-footer-row-container-inner .site-footer-row{
    width:calc(100% - 20px)!important;
  }
}

/* ==========================================================
 * v0.0.13-beta — deterministic Checkout flow
 * Contact -> Address -> Invoice info -> Delivery -> Payment
 * ========================================================== */



/* Only our custom delivery selector is visible. Woo native shipping UI remains
   mounted as the state source but is visually removed. */


/* v0.0.13: the AutoID heading always names the shipping-address form.
   - checked:   "Adresă de livrare & facturare"
   - unchecked: "Adresă de livrare"
   Woo's native billing title stays visible below when the separate billing form opens. */


/* Custom commercial billing data belongs after addresses, never above Contact. */




/* ==========================================================
 * v0.0.13-beta — requested Checkout semantic order
 * Contact -> Address(es) -> Invoice info -> Delivery -> Payment -> Order note
 * ========================================================== */






/* ==========================================================
 * v0.0.14-beta — Checkout address state via Woo data store
 * ========================================================== */







/* Our heading labels the Shipping form. The native Billing heading remains
   visible only when a separate billing address is requested. */




/* Explicit persistent sections before Payment. */





/* ==========================================================
 * v0.0.15-beta - checkout guest controls
 * ========================================================== */





/* Native create-account remains the WooCommerce state source only. */




/* Explicit safety: custom same-billing control must never inherit the hidden native class. */


@media(max-width:767px){
  
  
}


/* ==========================================================
 * v0.0.16-beta — checkout accordion login, functional delivery,
 * supplementary order controls
 * ========================================================== */









.autoid-uix-inline-login-field label{
  display:block;
  margin:0 0 5px;
  color:#667085;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.autoid-uix-inline-login-field input{
  width:100%!important;
  height:42px!important;
  margin:0!important;
  border:1px solid #d7dde5!important;
  border-radius:6px!important;
  padding:0 11px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.autoid-uix-inline-login-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
}
.autoid-uix-inline-login-actions .autoid-uix-button{
  width:100%;
  min-height:42px;
  justify-content:center;
}
.autoid-uix-inline-login-actions>a{
  display:block;
  text-align:center;
  color:#667085!important;
  font-size:10px!important;
  text-decoration:none!important;
}
.autoid-uix-inline-login-actions>a:hover{color:var(--autoid-orange-dark)!important}

/* Delivery uses Woo Checkout Store prefersCollection, with our UI as the only visible selector. */





.autoid-uix-delivery-radio{
  position:relative;
  width:16px;
  height:16px;
  border:1.5px solid #98a2b3;
  border-radius:50%;
  background:#fff;
}
.autoid-uix-delivery-grid>button.is-selected .autoid-uix-delivery-radio{border-color:var(--autoid-orange)}
.autoid-uix-delivery-grid>button.is-selected .autoid-uix-delivery-radio:after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:var(--autoid-orange);
}
.autoid-uix-delivery-copy{display:block;min-width:0}
.autoid-uix-delivery-copy strong{display:block;font-size:12px;line-height:1.3}
.autoid-uix-delivery-copy small{display:block;margin-top:3px;color:#667085;font-size:10px;line-height:1.35}
.autoid-uix-delivery-copy a{color:var(--autoid-orange-dark)!important;text-decoration:underline!important;text-underline-offset:2px}

/* Native controls remain mounted as state sources only. */











@media(max-width:767px){
  
  
  
  
  
}

/* ==========================================================
 * v0.0.17-beta — Checkout interaction fixes
 * ========================================================== */

/* Keep Email, Password and submit button on the same baseline. Labels stay
   available to screen readers but no longer create a second visual row. */

.autoid-uix-inline-login-field{
  position:relative;
  align-self:start;
}
.autoid-uix-inline-login-field label{
  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;
}
.autoid-uix-inline-login-field input,
.autoid-uix-inline-login-actions .autoid-uix-button{
  height:44px!important;
  min-height:44px!important;
}
.autoid-uix-inline-login-actions{align-self:start!important}

/* Hidden rows must stay hidden even though the generic checkout label rule
   uses display:flex!important. This is critical for logged-in customers. */

.autoid-uix-native-supplementary-heading{display:none!important}

/* Woo's fulfillment control is kept mounted for React/state handling and is
   only used as the native interaction source behind the AutoID cards. */





@media(max-width:767px){
  
  .autoid-uix-inline-login-field label{
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0 0 5px!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
  }
}


/* ==========================================================
 * v0.0.18-beta — Checkout field targeting + interaction layer
 * ========================================================== */
/* Keep the actual form above any accidental wide/sticky checkout layer. */





/* Do not disable the delivery cards while Woo recalculates. Keeping them
   clickable avoids the desktop dead-control state seen in v0.0.17. */



@media(max-width:767px){
  
}


/* ==========================================================
 * v0.0.20-beta — stable desktop interaction + normal case
 * ========================================================== */



/* Visible AutoID controls must be genuinely focusable/clickable. */





/* Real radio cards for shipping mode. */



.autoid-uix-delivery-option>input[type="radio"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
}
.autoid-uix-delivery-option:focus-within{
  outline:2px solid rgba(247,99,12,.20)!important;
  outline-offset:2px;
}
.autoid-uix-delivery-option.is-selected .autoid-uix-delivery-radio{border-color:var(--autoid-orange)!important}
.autoid-uix-delivery-option.is-selected .autoid-uix-delivery-radio:after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:var(--autoid-orange);
}

/* Extras checkboxes: normal case + explicit interaction. */



/* ==========================================================
 * v0.0.22-beta — canonical company data + logged-in checkout summary
 * ========================================================== */
.autoid-uix-company-details{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #e5e9ef;
  border-radius:7px;
  background:#fafbfc;
}
.autoid-uix-company-details h3{
  margin:0 0 11px;
  font-size:14px;
}
.autoid-uix-company-details .form-row{margin:0!important}
.autoid-uix-company-details label{
  display:block;
  margin:0 0 5px;
  font-size:11px;
  font-weight:700;
  color:#475467;
}
.autoid-uix-company-details input.input-text{
  width:100%!important;
  min-height:42px;
  border:1px solid #d9dee7!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
}




.autoid-uix-saved-section{
  padding:0 0 18px;
  margin:0 0 18px;
  border-bottom:1px solid #e5e9ef;
}
.autoid-uix-saved-section h2{
  margin:0 0 11px!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}
.autoid-uix-saved-contact-grid{
  display:grid;
  grid-template-columns:1.1fr 1.5fr 1fr;
  gap:10px 18px;
}
.autoid-uix-saved-info-line{
  display:flex;
  gap:6px;
  align-items:baseline;
  min-width:0;
  font-size:13px;
  line-height:1.45;
}
.autoid-uix-saved-info-line strong{white-space:nowrap;color:#344054}
.autoid-uix-saved-info-line span{min-width:0;overflow-wrap:anywhere;color:#101828}
.autoid-uix-saved-address-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.autoid-uix-saved-address-card{
  padding:13px 14px;
  border:1px solid #e1e6ec;
  border-radius:7px;
  background:#fafbfc;
}
.autoid-uix-saved-address-card h3{
  margin:0 0 7px!important;
  font-size:12px!important;
  color:#475467!important;
}
.autoid-uix-saved-address-card address{
  margin:0;
  color:#101828;
  font-size:13px;
  line-height:1.55;
  font-style:normal;
}
.autoid-uix-saved-company-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 12px;
  font-size:13px;
}
.autoid-uix-saved-company-row strong{font-size:14px;color:#101828}
.autoid-uix-saved-company-row span{color:#475467}
.autoid-uix-saved-company-row strong:not(:only-child)::after{
  content:"|";
  margin-left:12px;
  color:#d0d5dd;
  font-weight:400;
}
.autoid-uix-saved-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:-6px;
}
.autoid-uix-saved-edit{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--autoid-orange-dark);
  padding:4px 0;
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.autoid-uix-saved-edit:hover{color:var(--autoid-orange)}

@media(max-width:767px){
  .autoid-uix-saved-contact-grid,
  .autoid-uix-saved-address-grid{grid-template-columns:1fr}
  .autoid-uix-saved-company-row{align-items:flex-start}
  .autoid-uix-saved-company-row strong:not(:only-child)::after{content:"";margin:0}
  .autoid-uix-saved-company-row{display:grid;grid-template-columns:1fr;gap:4px}
}


/* v0.0.23: logged-in checkout summary must stay clickable on desktop even
 * when WooCommerce renders sidebar/fields layers with their own stacking context. */




/* v0.0.24: desktop-safe logged-in checkout editing. */



/* v0.0.24: step 3 / order confirmation, aligned with Cart + Checkout. */








































@media(max-width:900px){
  
  
  
  
}
@media(max-width:600px){
  
  
  
  
  
  
  
  
  
  
  
}

/* 0.0.25-beta · GLS tracking */
.autoid-uix-button--tracking{
  background:#fff7f0!important;
  border:1px solid #f6a36f!important;
  color:#c74600!important;
}
.autoid-uix-button--tracking:hover{
  background:#fff0e5!important;
  border-color:var(--autoid-orange)!important;
  color:var(--autoid-orange-dark)!important;
}
.autoid-uix-latest-order__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}



@media(max-width:900px){
  
  
  .autoid-uix-latest-order__actions{justify-content:flex-start;margin-top:9px}
}

/* 0.0.25-beta · GLS tracking */
.autoid-uix-button--tracking{background:#fff7f0!important;border:1px solid #f6a36f!important;color:#c74600!important}
.autoid-uix-button--tracking:hover{background:#fff0e5!important;border-color:var(--autoid-orange)!important;color:var(--autoid-orange-dark)!important}
.autoid-uix-latest-order__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}



@media(max-width:900px){
  
  
  .autoid-uix-latest-order__actions{justify-content:flex-start;margin-top:9px}
}


/* ==========================================================
 * v0.0.26-beta — Checkout login reliability + dashboard track
 * ========================================================== */

.autoid-uix-inline-login-message{
  grid-column:1 / -1;
  margin-top:1px;
  padding:9px 11px;
  border-radius:6px;
  font-size:12px;
  line-height:1.4;
}
.autoid-uix-inline-login-message[hidden]{display:none!important}
.autoid-uix-inline-login-message.is-error{
  color:#b42318;
  background:#fff4f3;
  border:1px solid #fecdca;
}
.autoid-uix-inline-login-message.is-success{
  color:#067647;
  background:#ecfdf3;
  border:1px solid #abefc6;
}






/* ==========================================================
 * v0.0.28-beta - Guest My Account auth hub + Google checkout
 * ========================================================== */




.autoid-uix-guest-account-shell{
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(560px,1.08fr);
  width:100%;
  max-width:1260px;
  margin:28px auto 48px;
  border:1px solid var(--autoid-line);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(16,24,40,.07);
}
.autoid-uix-guest-welcome{
  position:relative;
  margin:0!important;
  padding:48px 46px 42px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#fff7f1 0%,#fffaf6 54%,#f8fafc 100%)!important;
  overflow:hidden;
}
.autoid-uix-guest-welcome:before,
.autoid-uix-guest-welcome:after{
  content:"";
  position:absolute;
  border:1px solid rgba(247,99,12,.12);
  border-radius:50%;
  pointer-events:none;
}
.autoid-uix-guest-welcome:before{width:240px;height:240px;right:-125px;top:-130px}
.autoid-uix-guest-welcome:after{width:180px;height:180px;left:-95px;bottom:-110px}
.autoid-uix-guest-welcome .autoid-uix-eyebrow{color:#a34b19!important}
.autoid-uix-guest-welcome h1{
  font-size:36px!important;
  line-height:1.08!important;
  margin:10px 0 14px!important;
  letter-spacing:-.035em!important;
}
.autoid-uix-guest-welcome__lead{
  max-width:430px!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:#475467!important;
}
.autoid-uix-guest-benefits{display:grid;gap:12px;margin:30px 0 28px}
.autoid-uix-guest-benefit{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #eadfd7;
  background:rgba(255,255,255,.82);
  border-radius:8px;
}
.autoid-uix-guest-benefit__icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #f0b68f;
  border-radius:6px;
  color:var(--autoid-orange-dark);
  font-weight:800;
  font-size:17px;
  background:#fff;
}
.autoid-uix-guest-benefit strong{display:block;font-size:13px;color:#344054;margin-bottom:3px}
.autoid-uix-guest-benefit span:not(.autoid-uix-guest-benefit__icon){display:block;font-size:11px;line-height:1.45;color:#667085}
.autoid-uix-guest-welcome__foot{
  padding-top:19px!important;
  border-top:1px solid rgba(16,24,40,.09);
  font-size:11px!important;
  line-height:1.55!important;
  color:#667085!important;
}
.autoid-uix-guest-authpanel{padding:45px 48px 40px;background:#fff;min-width:0}
.autoid-uix-guest-authpanel__head h2{
  font-size:29px!important;
  line-height:1.15!important;
  margin:8px 0 21px!important;
  letter-spacing:-.025em!important;
}
.autoid-uix-guest-authpanel__head .autoid-uix-eyebrow{color:#8b5e43}
.autoid-uix-guest-auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  margin-bottom:20px;
  border-radius:8px;
  background:#f2f4f7;
}
.autoid-uix-guest-auth-tabs button{
  min-height:42px;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#667085!important;
  font-weight:750!important;
  box-shadow:none!important;
  text-transform:none!important;
}
.autoid-uix-guest-auth-tabs button.is-active{
  background:#fff!important;
  color:#101828!important;
  box-shadow:0 1px 3px rgba(16,24,40,.08)!important;
}
.autoid-uix-google-login--common{margin:0 0 17px!important;text-align:center}
.autoid-uix-google-login--common a,
.autoid-uix-google-login--common button,
.autoid-uix-google-login--common [role="button"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:46px!important;
  border:1px solid #d9dee7!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#101828!important;
  font-weight:700!important;
  text-transform:none!important;
}
.autoid-uix-guest-auth-separator{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:#98a2b3;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.autoid-uix-guest-auth-separator:before,
.autoid-uix-guest-auth-separator:after{content:"";height:1px;background:#e4e7ec;flex:1}

/* Neutralise Kadence/Woo columns only inside our guest auth hub. */
.autoid-uix-guest-auth-forms,
.autoid-uix-guest-auth-forms.col2-set,
.autoid-uix-guest-auth-forms.u-columns{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.autoid-uix-guest-auth-forms > .autoid-uix-auth-pane,
.autoid-uix-guest-auth-forms > .u-column1,
.autoid-uix-guest-auth-forms > .u-column2,
.autoid-uix-guest-auth-forms > .col-1,
.autoid-uix-guest-auth-forms > .col-2{
  width:100%!important;
  max-width:none!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.autoid-uix-guest-auth-forms > .autoid-uix-auth-pane{display:none!important}
.autoid-uix-guest-auth-forms > .autoid-uix-auth-pane.is-active{display:block!important}
.autoid-uix-guest-auth-forms .autoid-uix-auth-native-title{display:none!important}
.autoid-uix-guest-auth-forms form{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.autoid-uix-guest-auth-forms .form-row{width:100%!important;float:none!important;margin:0 0 15px!important}
.autoid-uix-guest-auth-forms label{
  display:block!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#344054!important;
  text-transform:none!important;
  margin-bottom:6px!important;
}
.autoid-uix-guest-auth-forms input.input-text,
.autoid-uix-guest-auth-forms input[type="text"],
.autoid-uix-guest-auth-forms input[type="email"],
.autoid-uix-guest-auth-forms input[type="password"]{
  width:100%!important;
  min-height:48px!important;
  border-radius:7px!important;
  text-transform:none!important;
}
.autoid-uix-guest-auth-forms button.button{
  min-height:44px!important;
  border-radius:6px!important;
  text-transform:none!important;
}
.autoid-uix-guest-auth-forms .woocommerce-LostPassword{margin-top:10px!important;font-size:12px!important}
.autoid-uix-guest-auth-forms .woocommerce-privacy-policy-text{font-size:12px;line-height:1.55;color:#667085}
/* Per-form duplicates are hidden because Google is shared above the tabs/forms. */
.autoid-uix-guest-auth-forms .autoid-uix-google-login{display:none!important}

/* Checkout Google provider inside the Ai cont AutoID accordion. */






.autoid-uix-inline-login-field label{display:none!important}
.autoid-uix-inline-login-field input{text-transform:none!important}

@media(max-width:900px){
  .autoid-uix-guest-account-shell{grid-template-columns:1fr;max-width:720px;margin:14px auto 30px}
  .autoid-uix-guest-welcome{padding:30px 26px!important}
  .autoid-uix-guest-welcome h1{font-size:30px!important}
  .autoid-uix-guest-authpanel{padding:30px 26px 32px}
}
@media(max-width:620px){
  
  .autoid-uix-guest-account-shell{margin:8px 0 24px;border-left:0;border-right:0;border-radius:0}
  .autoid-uix-guest-benefits{gap:8px;margin:20px 0}
  .autoid-uix-guest-benefit{grid-template-columns:36px 1fr;padding:11px}
  .autoid-uix-guest-benefit__icon{width:32px;height:32px}
  .autoid-uix-guest-authpanel{padding:24px 16px 28px}
  .autoid-uix-guest-authpanel__head h2{font-size:23px!important}
  
}

/* v0.0.29-beta — Google provider fallback loaded from the real My Account page. */







/* ==========================================================
 * v0.0.30-beta — compact order actions, header metadata,
 * cart line price, checkout Google CTA, thank-you 1490 grid.
 * ========================================================== */

.autoid-uix-google-launch{
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid #d0d5dd;background:#fff;color:#101828;border-radius:6px;
  font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-transform:none!important;
}
.autoid-uix-google-launch:hover{border-color:#98a2b3;background:#f9fafb}
.autoid-uix-google-g{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-weight:900;color:#4285f4;font-size:16px}



/* My Orders actions: compact, separated and never stretched to column width. */



/* Header account: small username below label. */
.autoid-uix-header-account-label{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.05!important;min-width:0}
.autoid-uix-header-account-label>span{font-size:12px;font-weight:700;white-space:nowrap}
.autoid-uix-header-account-label>small{font-size:9px;font-weight:500;color:#667085;margin-top:3px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none!important}

/* Header cart: keep current footprint, lift icon/count slightly and put total below. */
.autoid-uix-header-cart{position:relative!important;flex-direction:column!important;gap:0!important;padding-top:4px!important;padding-bottom:3px!important;min-width:52px!important}
.autoid-uix-header-cart__top{position:relative;display:flex;align-items:center;justify-content:center;line-height:1;transform:translateY(-2px)}
.autoid-uix-header-cart__top>svg{width:20px!important;height:20px!important}
.autoid-uix-header-cart-total{display:block;font-size:8.5px;line-height:1;color:#667085;white-space:nowrap;margin-top:1px;font-weight:600;text-transform:none!important}
.autoid-uix-header-cart-total .woocommerce-Price-amount{white-space:nowrap!important}

/* Mini-cart quantity and price stay on one line. */
.autoid-uix-cart-item__qtyprice{display:inline-flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important;font-size:11px!important;color:#667085!important}
.autoid-uix-cart-item__qtyprice .woocommerce-Price-amount{white-space:nowrap!important}

/* Step 3 / order received: same 1490px grid as Header/Main/Footer. */




@media(max-width:720px){
  .autoid-uix-header-account-label>small{display:none}
  .autoid-uix-header-cart-total{font-size:7.5px}
  
}


/* ==========================================================
 * v0.0.31-beta — Header cart cleanup + native Google portal
 * ========================================================== */
.autoid-uix-header-cart-total{
  white-space:nowrap!important;
}
.autoid-uix-header-cart-total .woocommerce-Price-amount,
.autoid-uix-header-cart-total .woocommerce-Price-amount bdi,
.autoid-uix-header-cart-total .woocommerce-Price-currencySymbol{
  display:inline!important;
  white-space:nowrap!important;
}
.autoid-uix-cart-item__qtyprice{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
}
.autoid-uix-cart-item__qtyprice .woocommerce-Price-amount,
.autoid-uix-cart-item__qtyprice .woocommerce-Price-amount bdi,
.autoid-uix-cart-item__qtyprice .woocommerce-Price-currencySymbol{
  display:inline!important;
  white-space:nowrap!important;
}







/* ==========================================================
 * v0.0.32-beta — shared site grid, direct Google Checkout,
 * lost-password UX and order-confirmation width fixes.
 * ========================================================== */

/* Header outer box remains max 1490px, but its visible content gets the same
 * inner gutter rhythm as the large Home/MegaMenu content. */
.autoid-uix-header-inner{
  width:min(1490px,calc(100% - 36px))!important;
  max-width:1490px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}

/* Order received must not inherit the original 1180px Checkout Block cap. */




/* Keep the total and currency on one physical line in the step-3 facts. */



/* Checkout: server-rendered Google provider. */




/* Lost password page — same professional account language as the guest hub. */


.autoid-uix-lost-password-shell{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  max-width:1120px;
  margin:34px auto 44px;
  border:1px solid #dfe3e8;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 50px rgba(16,24,40,.06);
}
.autoid-uix-lost-password-aside{
  padding:42px;
  background:linear-gradient(145deg,#fff7f1 0%,#f8fafc 100%);
  border-right:1px solid #e7eaee;
}
.autoid-uix-lost-password-aside h1{margin:8px 0 10px;font-size:30px;line-height:1.12;color:#101828}
.autoid-uix-lost-password-aside>p{margin:0 0 28px;color:#667085;line-height:1.6}
.autoid-uix-lost-password-benefits{display:grid;gap:10px}
.autoid-uix-lost-password-benefits>div{display:grid;gap:3px;padding:13px 14px;border:1px solid #e4e7ec;border-radius:7px;background:rgba(255,255,255,.82)}
.autoid-uix-lost-password-benefits strong{font-size:13px;color:#344054}
.autoid-uix-lost-password-benefits span{font-size:11px;color:#667085;line-height:1.45}
.autoid-uix-lost-password-card{padding:42px;align-self:center}
.autoid-uix-lost-password-card h2{margin:8px 0 10px;font-size:28px;color:#101828}
.autoid-uix-lost-password-card .woocommerce-ResetPassword>p:first-of-type{color:#667085;line-height:1.55;margin-bottom:20px}
.autoid-uix-lost-password-card .form-row{width:100%!important;float:none!important;margin:0 0 15px!important}
.autoid-uix-lost-password-card label{display:block!important;margin:0 0 7px!important;font-size:12px!important;font-weight:700!important;color:#344054!important;text-transform:none!important}
.autoid-uix-lost-password-card input.input-text{width:100%!important;min-height:48px!important;border:1px solid #d0d5dd!important;border-radius:6px!important;padding:0 13px!important;box-shadow:none!important;text-transform:none!important}
.autoid-uix-lost-password-card button.button{min-height:46px!important;padding:0 20px!important;border-radius:6px!important;background:#f7630c!important;color:#fff!important;border-color:#f7630c!important;font-weight:800!important;text-transform:none!important}
.autoid-uix-lost-password-back{margin:18px 0 0!important;font-size:12px}
.autoid-uix-lost-password-back a{color:#d94f00!important;font-weight:700}

@media(max-width:820px){
  .autoid-uix-header-inner{padding-left:0!important;padding-right:0!important}
  .autoid-uix-lost-password-shell{grid-template-columns:1fr;margin:18px auto 28px}
  .autoid-uix-lost-password-aside{padding:26px;border-right:0;border-bottom:1px solid #e7eaee}
  .autoid-uix-lost-password-card{padding:26px}
}

/* ==========================================================
 * v0.0.33-beta — mobile cart/header, cart shipping UX,
 * account hero cleanup and FiboSearch overflow containment.
 * ========================================================== */

/* The logged-in account already has its own navigation. Keep the welcome
   hero informational and avoid duplicate Comenzi / Detalii cont actions. */


/* FiboSearch can render suggestions/details outside the header wrapper.
   Never let those transient layers increase the document width. */
body.autoid-uix-header-a{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
}
body.autoid-uix-header-a .dgwt-wcas-suggestions-wrapp,
body.autoid-uix-header-a .dgwt-wcas-details-wrapp,
body.autoid-uix-header-a .dgwt-wcas-search-wrapp-mobile,
body.autoid-uix-header-a .dgwt-wcas-overlay-mobile{
  box-sizing:border-box!important;
  max-width:calc(100vw - 24px)!important;
}
body.autoid-uix-header-a .dgwt-wcas-search-wrapp,
body.autoid-uix-header-a .dgwt-wcas-search-form,
body.autoid-uix-header-a .dgwt-wcas-sf-wrapp,
body.autoid-uix-header-a .dgwt-wcas-search-input{
  min-width:0!important;
  box-sizing:border-box!important;
}

@media(max-width:720px){
  /* Generic mobile rules hide spans inside header actions. The cart icon/count
     live inside a span, so explicitly restore them. Hide only the micro-total
     on mobile to preserve the existing compact header footprint. */
  .autoid-uix-header-cart{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    overflow:visible!important;
    flex:0 0 40px!important;
  }
  .autoid-uix-header-cart .autoid-uix-header-cart__top{
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    transform:none!important;
  }
  .autoid-uix-header-cart .autoid-uix-header-cart__top>svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  .autoid-uix-header-cart .autoid-uix-cart-count{
    display:grid!important;
    position:absolute!important;
    top:-7px!important;
    right:-9px!important;
    min-width:16px!important;
    width:auto!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .autoid-uix-header-cart-total{display:none!important}

  /* Cart shipping methods: touch-friendly cards instead of a cramped list. */
  
  
  
  
  
  
  
  
}

/* ==========================================================
 * v0.0.34-beta — desktop cart/checkout spacing + sticky summary,
 * product-menu icon and dropdown chevrons.
 * ========================================================== */

/* Header navigation affordances. Keep the menu compact while making the
   product mega-menu and dropdown items easier to recognize. */
.autoid-uix-main-menu a .autoid-uix-menu-product-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  margin-right:7px;
  flex:0 0 16px;
  color:currentColor;
}
.autoid-uix-main-menu a .autoid-uix-menu-product-icon svg{
  display:block;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linejoin:round;
}
.autoid-uix-main-menu a .autoid-uix-menu-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  color:#98a2b3;
  font-size:16px;
  font-weight:700;
  line-height:1;
  transform:translateY(-.5px);
  transition:transform .15s ease,color .15s ease;
}
.autoid-uix-main-menu li:hover>a .autoid-uix-menu-chevron,
.autoid-uix-main-menu li:focus-within>a .autoid-uix-menu-chevron{
  color:var(--autoid-orange);
}
.autoid-uix-main-menu .sub-menu a .autoid-uix-menu-chevron{
  margin-left:auto;
  float:right;
}

@media(min-width:901px){
  /* Cart: create a deliberate, small gutter between the product card and
     Total cos. Woo/Kadence normally uses floats whose widths touch. */
  
  
  
  
  

  /* Checkout: same small gutter as Cart. The sidebar stays visible while the
     customer scrolls the longer address/payment form. */
  
  
  
  
}

@media(max-width:900px){
  /* Preserve Woo's native single-column/mobile flow. */
  
  
}

/* Mobile already has dedicated submenu toggle buttons; avoid duplicate arrows. */
.autoid-uix-mobile-menu-list .autoid-uix-menu-chevron{display:none!important}


/* ==========================================================
 * v0.0.35-beta — restore stable Cart/Checkout layout.
 * v0.0.34 forced the entire Woo wrappers into a new CSS Grid,
 * which overrode Woo/Kadence sizing. Keep the requested 12px
 * gutter and sticky order summary without replacing the native
 * desktop layout model.
 * ========================================================== */
@media(min-width:901px){
  /* CART — return to the stable two-column float layout and create
     only the requested small gutter between the two cards. */
  
  
  
  
  

  /* CHECKOUT — restore Woo Blocks' side-by-side model instead of
     converting the whole Checkout Block to CSS Grid. */
  
  
  
  
}

@media(max-width:900px){
  /* Mobile remains exactly in Woo's single-column order. */
  
  
  
  
}

/* ==========================================================
 * v0.0.38-beta — mobile hamburger: compact Products icon and
 * native WooCommerce top-level categories instead of the desktop
 * mega-menu artwork leaking into the mobile panel.
 * ========================================================== */
@media(max-width:900px){
  .autoid-uix-mobile-menu-list .autoid-uix-menu-product-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin-right:8px!important;
    vertical-align:-4px!important;
  }
  .autoid-uix-mobile-menu-list .autoid-uix-menu-product-icon svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    fill:currentColor!important;
  }
  .autoid-uix-mobile-menu-list .autoid-uix-menu-product-icon svg path{
    vector-effect:non-scaling-stroke;
  }
  .autoid-uix-mobile-product-categories{
    padding:7px 0 8px 17px!important;
    background:#f8fafc!important;
    border-top:1px solid #eef1f4!important;
  }
  .autoid-uix-mobile-product-categories > li{
    border:0!important;
  }
  .autoid-uix-mobile-product-categories > li > a{
    position:relative;
    padding:10px 34px 10px 12px!important;
    font-size:12.5px!important;
    font-weight:650!important;
    color:#344054!important;
  }
  .autoid-uix-mobile-product-categories > li > a::after{
    content:"›";
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:#98a2b3;
    font-size:16px;
  }
  .autoid-uix-mobile-products-item.is-open > a{
    color:#d94f00!important;
  }
}

/* ==========================================================
 * v0.0.39-beta — mobile Products menu sanitization.
 * Desktop mega-menu artwork must never leak into hamburger.
 * ========================================================== */
@media(max-width:900px){
  .autoid-uix-mobile-menu-list .autoid-uix-mobile-products-item > a .autoid-uix-menu-product-icon,
  .autoid-uix-mobile-menu-list .autoid-uix-mobile-products-item > a svg{
    display:none!important;
  }
  .autoid-uix-mobile-menu-list .autoid-uix-mobile-products-item > a{
    padding-left:9px!important;
  }
  .autoid-uix-mobile-menu-list .autoid-uix-mobile-product-categories{
    margin:0!important;
    padding:4px 0 8px 12px!important;
    background:#fff!important;
  }
  .autoid-uix-mobile-menu-list .autoid-uix-mobile-product-category > a{
    padding:10px 36px 10px 14px!important;
    border-bottom:1px solid #f0f2f4;
    font-size:12.5px!important;
    font-weight:650!important;
  }
}


/* ==========================================================
 * v0.0.46-beta — Header Google width + native account dedupe
 * ========================================================== */
.autoid-uix-google-login--header,
.autoid-uix-google-login--header .googlesitekit-sign-in-with-google__frontend-output-button{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  max-inline-size:none!important;
}
.autoid-uix-google-login--header .googlesitekit-sign-in-with-google__frontend-output-button>div,
.autoid-uix-google-login--header .googlesitekit-sign-in-with-google__frontend-output-button iframe,
.autoid-uix-google-login--header .googlesitekit-sign-in-with-google__frontend-output-button [role="button"]{
  width:100%!important;
  max-width:100%!important;
  max-inline-size:100%!important;
}

/* AutoID UIX 0.0.48-beta: Refurbished / Used offer labels supplied by AutoID Shop Kit. */
.autoid-uix-cart-item__condition,.autoid-uix-order-condition{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:3px;padding:3px 7px;border:1px solid #d8dee8;border-radius:999px;background:#f7f9fb;color:#344054;font-size:11px;font-weight:800;line-height:1.2}
