/* I-Humanoid - WooCommerce Styles */

/* ============================================
   Shop Product Grid — dark theme
   ============================================ */
ul.products { list-style:none;margin:0;padding:0;display:grid;gap:20px; }
ul.products.columns-1 { grid-template-columns:repeat(1,1fr); }
ul.products.columns-2 { grid-template-columns:repeat(2,1fr); }
ul.products.columns-3 { grid-template-columns:repeat(3,1fr); }
ul.products.columns-4 { grid-template-columns:repeat(4,1fr); }
ul.products.columns-5 { grid-template-columns:repeat(5,1fr); }
ul.products.columns-6 { grid-template-columns:repeat(6,1fr); }
ul.products li.product { position:relative;background:var(--color-dark);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease; }
ul.products li.product.stagger-in { animation:cardEntrance .45s cubic-bezier(.25,.46,.45,.94) backwards;animation-delay:calc(var(--stagger-i,0) * 50ms); }
@media (prefers-reduced-motion:reduce) { ul.products li.product.stagger-in { animation:none; } }
ul.products li.product::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ihumanoid-blue),rgba(0,85,204,.3));transform:scaleX(0);transition:transform .35s cubic-bezier(.25,.46,.45,.94);z-index:5; }
ul.products li.product:hover::before { transform:scaleX(1); }
ul.products li.product:hover { transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.3); }
ul.products li.product .product-brand-logo { position:absolute;top:12px;left:12px;z-index:4; }
ul.products li.product .product-brand-logo img { width:80px;height:auto;display:block; }
ul.products li.product a { display:flex;flex-direction:column;height:100%;text-decoration:none;color:#fff;position:relative; }
ul.products li.product .product-img { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--color-dark) 0%,#111 100%);flex:1;min-height:0; }
ul.products li.product .product-img img { width:100%;height:auto;display:block;transition:transform .35s cubic-bezier(.25,.46,.45,.94);filter:brightness(0.9); }
ul.products li.product:hover .product-img img { transform:scale(1.05); }
ul.products li.product .product-title-wrapper { position:absolute;top:150px;right:-140px;width:330px;padding:12px 14px;font-size:13px;line-height:1.3;z-index:3; }
ul.products li.product .product-title { color:#000;font-weight:600;margin:0;transition:color .2s;transform:rotate(90deg);font-size:12px;text-transform:uppercase; }
ul.products li.product .product-title:hover { color:var(--ihumanoid-blue); }
ul.products li.product .product-archive-price { font-size:13px;color:#000;font-weight:600;position:absolute;bottom:8px;left:12px;white-space:nowrap;z-index:2;text-transform:uppercase;letter-spacing:.5px; }

ul.products li.product .onsale { position:absolute;top:12px;right:12px;background:var(--ihumanoid-blue);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;z-index:5; }
ul.products li.product .star-rating { margin:0;padding:0;color:var(--ihumanoid-blue);font-size:12px; }
ul.products li.product-skeleton { background:#1a1a1a;min-height:380px; }
ul.products li.product-skeleton .product-img { background:#222;position:relative;overflow:hidden;aspect-ratio:1/1; }
ul.products li.product-skeleton .product-img::after { content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:skeleton-shimmer 1.5s infinite; }
ul.products li.product-skeleton .product-title-wrapper { position:absolute;top:150px;right:-140px;width:330px;height:14px; }
ul.products li.product-skeleton .product-title { height:14px;background:#2a2a2a;border-radius:4px;width:70%;margin:0;position:relative;overflow:hidden; }
ul.products li.product-skeleton .product-title::after { content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skeleton-shimmer 1.5s infinite; }
ul.products li.product-skeleton .product-cap { background:none;padding:14px 16px;display:flex;flex-direction:column;gap:8px; }
ul.products li.product-skeleton .product-cap .product-price { height:15px;background:#2a2a2a;border-radius:4px;width:40%;margin:0; }
@keyframes skeleton-shimmer { 0% { left:-100%; } 100% { left:100%; } }
ul.products li.product .product-category { display:inline-block;font-size:11px;color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500; }
@media (max-width: 767px) { ul.products { gap:12px; } ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6 { grid-template-columns:repeat(2,1fr); } ul.products li.product .product-title-wrapper { top:60px;right:-60px;width:150px;padding:10px; } ul.products li.product .product-title { font-size:12px; } ul.products li.product .product-archive-price { font-size:11px;bottom:6px;left:12px; } ul.products li.product .product-cap { padding:32px 14px 14px; } ul.products li.product .product-cap .product-price { font-size:14px; } ul.products li.product-skeleton { min-height:280px; } ul.products li.product-skeleton .product-title-wrapper { top:60px;right:-60px;width:150px;height:14px; } ul.products li.product-skeleton .product-cap { padding:14px; } ul.products li.product-skeleton .product-cap .product-price { height:13px;width:35%; } }
@media (min-width:768px) and (max-width:1199.98px) { ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6 { grid-template-columns:repeat(3,1fr); } }
@media (min-width:1200px) and (max-width:1599.98px) { ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6 { grid-template-columns:repeat(4,1fr); } }
@media (min-width:1600px) { ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6 { grid-template-columns:repeat(4,1fr); } }

/* ============================================
   Shop Page — Hide pagination when infinite scroll active
   ============================================ */
.shop-page .woocommerce-pagination { display: none; }

/* ============================================
   Shop Toolbar & Dropdowns — dark theme
   ============================================ */
.ia-nav-wrapper { position: sticky; top: var(--header-height); z-index: 101; background: var(--ihumanoid-blue-dark); border-bottom: 1px solid rgba(255,255,255,.1); }
.ia-nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; flex-wrap: wrap; }
.toolbar-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.toolbar-right { display:flex;align-items:center;gap:12px; }
.ia-tabs-label { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; margin-right: 4px; }
.shop-category-nav { display: flex; align-items: center; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.shop-category-nav::-webkit-scrollbar { display: none; }
.shop-cat-btn { padding: 8px 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 980px; background: transparent; color: rgba(255,255,255,.7); font-size: 13px; cursor: pointer; white-space: nowrap; transition: all .2s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.shop-cat-btn:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); color: #fff; }
.shop-cat-btn.active { background: var(--ihumanoid-blue); border-color: var(--ihumanoid-blue); color: #fff; font-weight: 600; }
.filter-btn { padding: 6px 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 980px; background: transparent; color: rgba(255,255,255,.7); font-size: 13px; cursor: pointer; transition: all .2s ease; display: inline-flex; align-items: center; gap: 6px; }
.filter-btn:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); }
.dropdown-container { position: relative; display: inline-flex; }
.sort-dropdown { position: relative; display: inline-flex; }
.dropdown-toggle { padding: 8px 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 980px; background: transparent; color: rgba(255,255,255,.7); font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: all .2s ease; white-space: nowrap; }
.dropdown-toggle:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); color: #fff; }
.dropdown-toggle .dropdown-chevron { transition: transform .2s ease; font-size: 10px; }
.dropdown-container.open .dropdown-chevron { transform: rotate(180deg); }
.dropdown-menu { display: none; position: absolute; top: calc(100% + 4px); left: 0; min-width: 200px; background: #1a1a1a; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.4); padding: 6px; z-index: 999; list-style: none; max-height: 320px; overflow-y: auto; }
.dropdown-menu li { margin: 0; }
.dropdown-menu button.dropdown-btn { display: block; width: 100%; text-align: left; padding: 8px 12px; border: none; background: transparent; font-size: 13px; color: rgba(255,255,255,.8); cursor: pointer; border-radius: 4px; transition: background .15s, color .15s; }
.dropdown-menu button.dropdown-btn:hover { background: rgba(255,255,255,.1); color: #fff; }
.dropdown-menu button.cat-count { float: right; font-size: 12px; color: rgba(255,255,255,.4); font-weight: 400; }
.dropdown-menu button.dropdown-btn-active { background: var(--ihumanoid-blue); color: #fff; font-weight: 600; }
.dropdown-menu button.dropdown-btn-active:hover { background: var(--ihumanoid-blue-dark); color: #fff; }
.dropdown-menu button.dropdown-btn-active .cat-count { opacity: 0.7; color: #fff; }
.dropdown-menu button.dropdown-btn-disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
.category-dropdown.open .category-dropdown-menu { display: block !important; }
.sort-dropdown.open .sort-dropdown-menu { display: block !important; left: inherit; right: 0; }
.task-dropdown.open .task-dropdown-menu { display: block !important; }
.application-dropdown.open .application-dropdown-menu { display: block !important; }
.brand-dropdown.open .brand-dropdown-menu { display: block !important; }
.robot-dropdown.open .robot-dropdown-menu { display: block !important; }
.robot-dropdown.is-hidden { display: none; }
/* Scrollbar — dark theme */
html { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) #0d0f14; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d0f14; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 5px; border: 2px solid #0d0f14; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.32); }
.dropdown-menu { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
.dropdown-menu::-webkit-scrollbar { width: 6px; }
.dropdown-menu::-webkit-scrollbar-track { background: transparent; }
.dropdown-menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 3px; border: none; }
.dropdown-menu::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.35); }
.product-count { font-size: 13px; color: rgba(255,255,255,.5); white-space: nowrap; margin-left: auto; }
@media (max-width:767px) { .ia-nav-inner { flex-direction:column;align-items:stretch;gap:10px;padding:10px 0;position:relative; } .toolbar-left, .toolbar-right { max-width:100%; } .toolbar-left { flex-wrap:wrap;gap:8px; } .ia-tabs-label { display:none; } .dropdown-container { flex-shrink:0; } .toolbar-right { justify-content:space-between; } .product-count { margin-left:0; } .toolbar-left .dropdown-container.open { position:static; } .dropdown-container.open .dropdown-menu { left:0;right:0;top:calc(100% + 4px);min-width:0;width:auto;max-height:320px;overflow-y:auto; } }

/* ============================================
   Cart Page — dark theme (card/grid layout)
   ============================================ */
.cart-page { display:flex;gap:40px;flex-wrap:wrap; }
.woocommerce-cart-form { flex:2;min-width:0; }
.woocommerce-cart-grid { display:grid;gap:16px; }
.cart-item { display:flex;align-items:center;gap:20px;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:background .2s ease,border-color .2s ease; }
.cart-item:hover { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12); }
.cart-item-thumbnail { flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--color-dark);display:flex;align-items:center;justify-content:center; }
.cart-item-thumbnail img { width:100%;height:100%;object-fit:cover; }
.cart-item-details { flex:1;min-width:0;display:flex;align-items:center;gap:24px;flex-wrap:wrap; }
.product-name { font-size:14px;font-weight:600;color:#fff; }
.product-name a { color:#fff;text-decoration:none; }
.product-name a:hover { color:var(--ihumanoid-blue); }
.cart-item-quantity { flex-shrink:0; }
.cart-item-price { flex-shrink:0;font-size:15px;font-weight:600;color:var(--ihumanoid-blue);white-space:nowrap; }
.cart-item-remove { flex-shrink:0; }
.remove-item { display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(255,107,107,.1);color:#ff6b6b;border:none;cursor:pointer;font-size:18px;line-height:1;transition:all .2s ease;text-decoration:none; }
.remove-item:hover { background:#ff6b6b;color:#fff; }
.cart-actions { margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center; }
.cart-actions input[type="text"] { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;min-width:200px; }
.cart-actions input[type="text"]:focus { outline:none;border-color:var(--ihumanoid-blue);background:rgba(255,255,255,.1); }
.cart-sidebar { flex:1;min-width:280px; }

/* Cart totals */
.woocommerce-cart .cart-collaterals .cart_totals form { padding: 0; width: 100%; }
.cart-collaterals .cart_totals { width: 100%; }
.cart-collaterals .cart_totals h2 { font-size: 20px; color: #fff; margin-bottom: 16px; }
.cart-collaterals .cart_totals table { border: none; border-radius: 0; background: rgba(255,255,255,.03); border-radius: 10px; overflow: hidden; }
.cart-collaterals .cart_totals table tr th { padding-left: 0; color: #fff; font-weight: 600; }
.cart-collaterals .cart_totals table tr td { background: transparent; }
.cart-collaterals .cart_totals .wc-proceed-to-checkout a { display: inline-block; background: var(--ihumanoid-blue); color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: background .2s ease, transform .15s ease; }
.cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { background: var(--ihumanoid-blue-dark); color: #fff; transform: translateY(-1px); }

/* Cross-sells */
.cart-collaterals .cross-sells h2 { color: #fff; font-size: 20px; margin-bottom: 24px; }
.cart-collaterals .cross-sells ul.products li.product.first { margin-left: 0; }
.cart-collaterals .cross-sells ul.products li.product.last { margin-right: 0; }

/* ============================================
   Checkout Forms — dark theme
   ============================================ */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); color: #fff; padding: 12px 16px; border-radius: 8px; font-size: 14px; width: 100%; box-sizing: border-box; transition: border-color .2s ease, background .2s ease; }
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus { outline: none; border-color: var(--ihumanoid-blue); background: rgba(255,255,255,.1); }
.woocommerce-checkout .form-row input.input-text:-webkit-autofill,
.woocommerce-checkout .form-row input.input-text:-webkit-autofill:hover,
.woocommerce-checkout .form-row input.input-text:-webkit-autofill:focus,
.woocommerce-checkout .form-row textarea:-webkit-autofill,
.woocommerce-checkout .form-row textarea:-webkit-autofill:hover,
.woocommerce-checkout .form-row textarea:-webkit-autofill:focus { background-color:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;transition-background:0s!important; }
.woocommerce-checkout .form-row label { color: rgba(255,255,255,.8); font-size: 13px; margin-bottom: 6px; display: block; }
.form-row.form-row-first { width: 49%; display: inline-flex; flex-wrap: wrap; }
.form-row.form-row-last { width: 49%; display: inline-flex; flex-wrap: wrap; float: right; }
.form-row .woocommerce-input-wrapper { width: 100%; }
.form-row input.input-text,
.form-row textarea { width: 100%; box-sizing: border-box; }

/* ============================================
   Payment Boxes — dark theme (fixed: was white bg + white text = invisible)
   ============================================ */
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid rgba(255,255,255,.15); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em; }
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0; font-size: .92em; border-radius: 8px; line-height: 1.5; background-color: rgba(0,85,204,.15); border: 1px solid rgba(0,85,204,.3); color: #fff; }
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; color: #fff; }
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input { margin: 0 1em 0 0; }

/* ============================================
   My Account — Container wrapper (WC9: no wrapper div, siblings under .woocommerce)
   ============================================ */
.woocommerce-account .woocommerce { display:flex!important;gap:40px;flex-wrap:wrap;align-items:flex-start; }
.woocommerce-account .woocommerce-MyAccount-navigation { flex:0 0 240px!important;max-width:240px!important;background:rgba(255,255,255,.03);border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:8px;order:1!important;margin-top:0!important; }
.woocommerce-account .woocommerce-MyAccount-content { flex:1;min-width:0;order:2!important;margin-top:0!important;padding:32px;background:rgba(255,255,255,.02);border-radius:14px;border:1px solid rgba(255,255,255,.06); }

/* ============================================
   My Account — Navigation
   ============================================ */
.woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a { display: flex;align-items:center;gap:10px;padding:12px 16px;color:rgba(255,255,255,.6);text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;border-radius:8px;position:relative; }
.woocommerce-MyAccount-navigation li a::before { content:'';display:block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);flex-shrink:0;transition:all .2s ease; }
.woocommerce-MyAccount-navigation li a:hover { color:#fff;background:rgba(255,255,255,.06);padding-left:20px; }
.woocommerce-MyAccount-navigation li a:hover::before { background:var(--ihumanoid-blue);box-shadow:0 0 8px var(--ihumanoid-blue); }
.woocommerce-MyAccount-navigation li.is-active a { color:#fff !important;background:linear-gradient(135deg,rgba(2,61,104,.3),rgba(2,61,104,.1)) !important;font-weight:600 !important;border-left:3px solid var(--ihumanoid-blue) !important;padding-left:18px !important; }
.woocommerce-MyAccount-navigation li.is-active a::before { background:var(--ihumanoid-blue) !important;width:6px !important;height:6px !important;box-shadow:0 0 12px var(--ihumanoid-blue) !important; }
@media (max-width:767px) { .woocommerce-account .woocommerce { flex-direction:column;gap:16px; } .woocommerce-account .woocommerce-MyAccount-navigation { flex:1 1 auto!important;max-width:100%!important;width:100%; } .woocommerce-account .woocommerce-MyAccount-content { width:100%;padding:20px; } }

/* ============================================
   My Account — Card layout for forms (Login / Register)
   ============================================ */
.login-card, .register-card { background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:32px; }
.login-card h2, .register-card h2 { font-size:22px;color:#fff;margin:0 0 24px;font-weight:600; }
.woocommerce-MyAccount-content p a:not([class]):not([href*="wp-login"]) { color:var(--ihumanoid-blue);text-decoration:none;font-weight:500; }
.woocommerce-MyAccount-content p a:not([class]):not([href*="wp-login"]):hover { color:#fff;text-decoration:underline; }
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="url"] { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); color: #fff; padding: 12px 16px; border-radius: 8px; font-size: 14px; width: 100%; box-sizing: border-box; transition: border-color .2s ease, background .2s ease; }
.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content input[type="url"]:focus { outline: none; border-color: var(--ihumanoid-blue); background: rgba(255,255,255,.1); }
.woocommerce-MyAccount-content input::placeholder { color: rgba(255,255,255,.4); }
.woocommerce-MyAccount-content input:-webkit-autofill,
.woocommerce-MyAccount-content input:-webkit-autofill:hover,
.woocommerce-MyAccount-content input:-webkit-autofill:focus { background-color:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;transition-background:0s!important; }

/* Labels */
.woocommerce-MyAccount-content label { color: rgba(255,255,255,.8); font-size: 13px; margin-bottom: 6px; display: block; }
.woocommerce-form-row { margin-bottom: 16px; }

/* Submit buttons — login + register */
.woocommerce-MyAccount-content .woocommerce-form-login__submit,
.woocommerce-MyAccount-content .woocommerce-form-register__submit { display:inline-block;background:var(--ihumanoid-blue);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;min-width:140px; }
.woocommerce-MyAccount-content .woocommerce-form-login__submit:hover,
.woocommerce-MyAccount-content .woocommerce-form-register__submit:hover { background:var(--ihumanoid-blue-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3); }

/* Checkboxes */
.woocommerce-MyAccount-content .form-row input.input-checkbox { margin-right: 8px; accent-color: var(--ihumanoid-blue); }
.woocommerce-MyAccount-content .form-row label { display: inline; }

/* Lost password link */
.woocommerce-LostPassword a { color: rgba(255,255,255,.6); text-decoration: underline; }
.woocommerce-LostPassword a:hover { color: var(--ihumanoid-blue); }

/* ============================================
   My Account — Tables (Orders, Addresses)
   ============================================ */
.woocommerce-MyAccount-content table.shop_table { border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);width:100%;margin-bottom:24px; }
.woocommerce-MyAccount-content table.shop_table th { background:rgba(255,255,255,.06);color:#fff;font-weight:600;padding:14px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.5px; }
.woocommerce-MyAccount-content table.shop_table td { padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:13px; }
.woocommerce-MyAccount-content table.shop_table tr:last-child td { border-bottom:none; }
.woocommerce-MyAccount-content table.shop_table td a { color:var(--ihumanoid-blue);text-decoration:none;font-weight:500; }
.woocommerce-MyAccount-content table.shop_table td a:hover { color:#fff;text-decoration:underline; }
.woocommerce-MyAccount-content table.shop-table-action-link { display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:rgba(255,255,255,.8);font-size:12px;text-decoration:none;transition:all .2s ease; }
.woocommerce-MyAccount-content table.shop-table-action-link:hover { background:var(--ihumanoid-blue);border-color:var(--ihumanoid-blue);color:#fff; }

/* ============================================
   My Account — Two Column Layout (Login/Register split, Addresses)
   ============================================ */
.woocommerce-MyAccount-content .col2-set { display: flex; flex-direction: column; gap: 32px; }
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2 { width: 100%; }
.woocommerce-MyAccount-content .woocommerce-input-wrapper { position: relative; }

/* ============================================
   My Account — Addresses
   ============================================ */
.addresses-container p { color:rgba(255,255,255,.6);margin-bottom:24px;font-size:14px;line-height:1.6; }
.woocommerce-Addresses { display:flex;flex-direction:column;gap:20px; }
.woocommerce-Address { background:rgba(255,255,255,.03);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease; }
.woocommerce-Address:hover { border-color:rgba(255,255,255,.15); }
.woocommerce-Address-title h2 { font-size:16px;color:#fff;margin:0 0 8px;font-weight:600; }
.woocommerce-Address-title .edit { color:var(--ihumanoid-blue);text-decoration:none;font-size:13px;font-weight:500; }
.woocommerce-Address-title .edit:hover { color:#fff; }
.woocommerce-Address address { color:rgba(255,255,255,.6);line-height:1.7;margin:0;font-style:normal;font-size:13px; }

/* ============================================
   My Account — Dashboard
   ============================================ */
.woocommerce-MyAccount-content p:first-of-type { font-size:15px;color:rgba(255,255,255,.7);margin-bottom:32px; }
.woocommerce-MyAccount-content p:first-of-type strong { color:#fff;font-weight:600; }
.woocommerce-MyAccount-content p:first-of-type a { color:var(--ihumanoid-blue);text-decoration:none; }
.woocommerce-MyAccount-content p:first-of-type a:hover { color:#fff;text-decoration:underline; }

.wc-account-dashboard-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px; }
.wc-account-dashboard-item { background:rgba(255,255,255,.03);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08);text-decoration:none;display:flex;align-items:center;gap:16px;transition:all .2s ease; }
.wc-account-dashboard-item:hover { background:rgba(255,255,255,.06);transform:translateY(-2px);border-color:rgba(255,255,255,.15); }
.wc-account-dashboard-item span { color:#fff;font-weight:600;font-size:14px; }

/* ============================================
   WooCommerce Notices — toast (top right under header)
   ============================================ */
@keyframes wcToastIn { from { opacity:0;transform:translateX(16px); } to { opacity:1;transform:translateX(0); } }
.woocommerce-notices-wrapper { position:fixed;top:calc(var(--header-height) + 12px);right:16px;z-index:999;width:min(380px,calc(100vw - 32px));pointer-events:none; }
.woocommerce-notices-wrapper > div { pointer-events:auto;margin:0 0 12px;padding:14px 18px;border-radius:12px;background:#111827;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--ihumanoid-blue);color:#fff;font-size:14px;line-height:1.5;box-shadow:0 12px 32px rgba(0,0,0,.5);animation:wcToastIn .3s ease-out both; }
.woocommerce-notices-wrapper > div.woocommerce-info { border-left-color:#93c5fd; }
.woocommerce-notices-wrapper > div.woocommerce-error { border-left-color:#ef4444; }
.woocommerce-notices-wrapper a { color:#93c5fd;text-decoration:underline; }
.woocommerce-notices-wrapper .button.wc-forward { display:inline-block;margin-top:10px;background:var(--ihumanoid-blue);color:#fff;padding:8px 20px;border-radius:8px;font-weight:600;font-size:13px;text-decoration:none;transition:background .2s ease; }
.woocommerce-notices-wrapper .button.wc-forward:hover { background:var(--ihumanoid-blue-dark);color:#fff; }
.woocommerce-NoticeGroup + .wc-forward { display: inline-block; background: var(--ihumanoid-blue); color: #fff; padding: 10px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; border: none; cursor: pointer; }
@media (min-width:768px) { .woocommerce-notices-wrapper { top:calc(var(--header-height) + 16px);right:24px; } }

/* ============================================
   WooCommerce Buttons (generic dark theme)
   ============================================ */
.woocommerce button.button,
.woocommerce input.button { background: var(--ihumanoid-blue); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all .2s ease; }
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: var(--ihumanoid-blue-dark); transform: translateY(-1px); }

/* ============================================
   WooCommerce Pagination — dark theme
   ============================================ */
.woocommerce nav.woocommerce-pagination { text-align: center; margin: 32px 0; }
.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; border-radius: 8px; text-decoration: none; font-size: 14px; }
.woocommerce nav.woocommerce-pagination ul li a { color: rgba(255,255,255,.7); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.woocommerce nav.woocommerce-pagination ul li a:hover { color: #fff; background: rgba(255,255,255,.12); }
.woocommerce nav.woocommerce-pagination ul li .current { color: #fff; background: var(--ihumanoid-blue); font-weight: 600; }

/* ============================================
   WooCommerce Breadcrumb — dark theme
   ============================================ */
.woocommerce-breadcrumb { padding: 16px 0; font-size: 13px; }
.woocommerce-breadcrumb a { color: rgba(255,255,255,.5); text-decoration: none; }
.woocommerce-breadcrumb a:hover { color: var(--ihumanoid-blue); }

/* ============================================
   Product Single — dark theme
   ============================================ */
.woocommerce-product-rating { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.woocommerce-product-rating .star-rating { flex: 1; }
.woocommerce-product-rating a { color: var(--ihumanoid-text); text-decoration: none; font-size: 13px; }
.woocommerce-product-rating a:hover { color: var(--ihumanoid-blue); }

/* ============================================
   Related Products / Upsells — dark theme
   ============================================ */
.related.products h2,
.up-sells h2 { color: #fff; font-size: 20px; margin-bottom: 60px; text-align: center; }
section.related.products, section.up-sells.upsells.products { padding-top:60px;padding-bottom:60px; }

/* ============================================
   Reviews — dark theme
   ============================================ */
.woocommerce #reviews .comment_form p { margin-bottom: 16px; }
.woocommerce #reviews .star-rating { color: var(--ihumanoid-blue); font-size: 14px; }
.woocommerce #reviews h3 { color: #fff; }
.woocommerce #reviews h3 small { color: var(--ihumanoid-text); font-weight: 400; }

/* ============================================
   Responsive — My Account / Cart / Checkout
   ============================================ */
@media (max-width: 767px) {
  .shop-category-nav { padding: 8px 0; gap: 6px; }
  .shop-cat-btn { padding: 6px 12px; font-size: 12px; }
  .form-row.form-row-first,
  .form-row.form-row-last { width: 100%; float: none; display: block; margin-bottom: 12px; }
  .woocommerce-MyAccount-content .col2-set { gap: 24px; }
  .wc-account-dashboard-grid { grid-template-columns: 1fr; }
  .cart-page { flex-direction:column;gap:24px; }
  .cart-sidebar { flex:none;width:100%;min-width:auto; }
  .cart-item { flex-wrap:wrap;gap:12px; }
  .cart-item-details { gap:12px;justify-content:space-between;width:100%; }
  .woocommerce-MyAccount-wrapper { flex-direction:column!important;gap:24px; }
  .woocommerce-MyAccount-navigation { flex:none!important;max-width:100%!important;order:0!important; }
  .login-card, .register-card { padding:20px; }
}

/* ============================================
   Password Toggle Button — dark theme
   ============================================ */
.password-input { position:relative;padding-right:48px;display:flex;align-items:center; }
.password-input input { flex:1;min-width:0;width:auto!important; }
.show-password-input { width:36px!important;height:36px;border-radius:50%!important;border:none!important;background:rgba(255,255,255,.06)!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;order:1;margin-left:8px; }
.show-password-input:hover { background:rgba(255,255,255,.15)!important; }
.show-password-input::before { content:'';display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 5.83 4.64 9.017 3.012a1.012 1.012 0 0 1 .966 0c3.187 1.628 5.593 4.499 6.981 8.67a1.012 1.012 0 0 1 0 .639c-1.388 4.171-3.794 7.042-6.981 8.67a1.012 1.012 0 0 1-.966 0C5.83 19.36 3.423 16.49 2.036 12.322Z'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.7;transition:opacity .2s; }
.show-password-input:hover::before { opacity:1; }
.show-password-input.display-password::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 3l18 18'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.756 5.434A10 10 0 0 1 9.017 3.012a1.012 1.012 0 0 1 .966 0c3.187 1.628 5.593 4.499 6.981 8.67a1.012 1.012 0 0 1 0 .639c-.354 1.067-.818 2.05-1.37 2.938'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3C/svg%3E");opacity:.7; }


/* ============================================
   WC10 Block Cart & Checkout — Dark Theme Overrides
   ============================================ */
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-page.woocommerce-cart, body.woocommerce-page.woocommerce-checkout { --wc-blocks-color-base-background:#1a1a1a; --wc-blocks-color-foreground:#e0e0e0; --wc-blocks-color-base-text:#e0e0e0; }
.wc-block-components-text-input { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#fff!important;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s ease,background .2s ease; }
.wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"], .wc-block-components-form .wc-block-components-text-input input { background:rgba(255,255,255,.06)!important;border:none!important;border-radius:0!important;color:#fff!important;font-size:14px;width:100%;box-sizing:border-box; }
.wc-block-components-text-input input:focus, .wc-block-components-form .wc-block-components-text-input input:focus { outline:none!important;border-color:var(--ihumanoid-blue)!important;background:rgba(255,255,255,.1)!important; }
.wc-block-components-text-input input::placeholder { color:rgba(255,255,255,.4)!important; }
.wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input input:-webkit-autofill:hover, .wc-block-components-text-input input:-webkit-autofill:focus { background-color:rgba(255,255,255,.06)!important;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;transition-background:0s!important; }
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { margin-bottom:5px!important; }
.wc-block-components-label { color:rgba(255,255,255,.7)!important; }
.wc-block-components-radio-button__radio { border-color:rgba(255,255,255,.3)!important; }
.wc-block-components-dropdown__button { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#fff!important;padding:12px 16px!important;font-size:14px;transition:border-color .2s ease,background .2s ease; }
.wc-block-components-dropdown__button:hover { border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.1)!important; }
.wc-block-components-dropdown__menu { background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important; }
.wc-block-components-dropdown__menu .wc-block-components-autocomplete__input { background:#1a1a1a!important;color:#fff!important;border:none!important; }
.wc-block-components-button { border-radius:8px!important;font-weight:600!important;transition:all .2s ease!important; }
.wc-block-components-button.wc-block-cart__submit-button, .wc-block-components-button.wc-block-checkout__place-order-button { background:var(--ihumanoid-blue)!important;color:#fff!important;border:none!important;padding:14px 32px!important;font-size:14px!important; }
.wc-block-components-button.wc-block-cart__submit-button:hover, .wc-block-components-button.wc-block-checkout__place-order-button:hover { background:var(--ihumanoid-blue-dark)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important; }
.woocommerce-checkout .wc-block-components-payment-method, .woocommerce-checkout .wc-block-components-order-summary, .woocommerce-checkout .wc-block-components-shipping-rate-field { background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08); padding:15px; border-radius:6px;}
.woocommerce-checkout h2.wc-block-components-order-summary__title { color:#fff!important;font-size:20px!important;margin-bottom:24px!important; }
.woocommerce-checkout .wc-block-components-order-summary__total { color:#fff!important;font-weight:600!important;font-size:18px!important; }
.woocommerce-checkout .wc-block-components-order-summary__line { color:rgba(255,255,255,.7)!important; }
.wp-block-woocommerce-cart-order-summary-block { background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:24px!important; }
.wp-block-woocommerce-cart-order-summary-block h2 { color:#fff!important;font-size:20px!important;margin-bottom:24px!important; }
.wp-block-woocommerce-cart-order-summary-totals { background:transparent!important; }
.wp-block-woocommerce-cart-order-summary-totals__total .wp-block-woocommerce-cart-order-summary-totals__label, .wp-block-woocommerce-cart-order-summary-totals__total .wp-block-woocommerce-cart-order-summary-totals__amount { color:#fff!important;font-size:18px!important;font-weight:600!important; }
.wp-block-woocommerce-cart-order-summary-totals__header { color:rgba(255,255,255,.7)!important; }
.wp-block-woocommerce-cart-order-summary-totals__term, .wp-block-woocommerce-cart-order-summary-totals__value { color:#fff!important; }
.wp-block-woocommerce-cart-line-items-block td, .wp-block-woocommerce-cart-line-items-block th { color:#fff!important;border-color:rgba(255,255,255,.08)!important;background:transparent!important; }
.wp-block-woocommerce-cart-line-items-block__row { border-color:rgba(255,255,255,.06)!important; }
.woocommerce-checkout .wp-block-woocommerce-shipping-block, .woocommerce-checkout .wp-block-woocommerce-payment-block { background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:20px!important;margin-bottom:16px!important; }
select.form-control, select.woocommerce-select { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#fff!important;padding:12px 16px!important;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;appearance:none!important;-webkit-appearance:none!important; }
select.form-control:focus, select.woocommerce-select:focus { outline:none!important;border-color:var(--ihumanoid-blue)!important;background:rgba(255,255,255,.1)!important; }
select.form-control option, select.woocommerce-select option { background:#1a1a1a!important;color:#fff!important; }
.wc-block-components-notices { background:rgba(0,85,204,.15)!important;border:none!important;border-radius:8px!important;margin-bottom:24px!important; }
.wc-block-components-notices p { color:#fff!important;margin:12px 16px!important; }

/* ============================================
   WC Blocks — Notice Banners (error, success, warning, info)
   ============================================ */
.wc-block-components-notice-banner.is-error { background:rgba(0,85,204,.12)!important;border-color:var(--ihumanoid-blue)!important;color:#fff!important; }
.wc-block-components-notice-banner.is-error a { color:#fff!important;text-decoration:underline!important; }
.wc-block-components-notice-banner.is-success { background:rgba(255,77,77,.1)!important;border-color:var(--ihumanoid-blue)!important;color:#fff!important; }
.wc-block-components-notice-banner.is-success a { color:#fff!important;text-decoration:underline!important; }
.wc-block-components-notice-banner.is-warning { background:rgba(255,170,0,.1)!important;border-color:#ffaa00!important;color:#fff!important; }
.wc-block-components-notice-banner.is-warning a { color:#fff!important;text-decoration:underline!important; }
.wc-block-components-notice-banner.is-info { background:rgba(0,85,204,.08)!important;border-color:rgba(0,85,204,.4)!important;color:#fff!important; }
.wc-block-components-notice-banner.is-info a { color:#fff!important;text-decoration:underline!important; }
.woocommerce-form__label { color:rgba(255,255,255,.8)!important; }

/* ============================================
   WC Blocks — Select (Country, State, etc.)
   ============================================ */
.wc-blocks-components-select .wc-blocks-components-select__container { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;box-sizing:border-box!important;line-height:0!important;width:100%!important;min-height:44px!important; }
.wc-blocks-components-select .wc-blocks-components-select__select { color:#fff!important;background:none!important;padding-right:14px!important;font-size:14px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important; }
.wc-blocks-components-select .wc-blocks-components-select__select option { background:#1a1a1a!important;color:#fff!important;font-size:14px!important; }
.wc-blocks-components-select .wc-blocks-components-select__dropdown { background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important;max-height:280px!important; }
.wc-blocks-components-select .wc-blocks-components-select__option { color:rgba(255,255,255,.8)!important;padding:10px 16px!important;border-bottom-color:rgba(255,255,255,.06)!important; }
.wc-blocks-components-select .wc-blocks-components-select__option:hover { background:rgba(255,255,255,.08)!important;color:#fff!important; }
.wc-blocks-components-select .wc-blocks-components-select__option--highlighted { background:rgba(255,255,255,.12)!important; }
.wc-blocks-components-select .wc-blocks-components-select__option--selected { color:var(--ihumanoid-blue)!important;font-weight:600!important;background:rgba(2,61,104,.15)!important; }
.wc-blocks-components-select .wc-blocks-components-select__label { color:rgba(255,255,255,.7)!important;font-size:13px!important; }
select::-webkit-scrollbar { width:8px; } select::-webkit-scrollbar-track { background:#111;border-radius:4px; } select::-webkit-scrollbar-thumb { background:rgba(255,255,255,.2);border-radius:4px; } select::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,.35); } select { scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) #111; }

/* ============================================
   WC Blocks — HARD AUTOFILL OVERRIDE
   Prevent Chrome/Edge autofill from turning
   checkout fields light blue.
   ============================================ */

/* Keep the checkout controls dark */
body.woocommerce-checkout {color-scheme: dark;}

/* Text inputs */
body.woocommerce-checkout
.wc-block-components-text-input
input,
body.woocommerce-checkout
.wc-block-components-form
input[type="text"],
body.woocommerce-checkout
.wc-block-components-form
input[type="email"],
body.woocommerce-checkout
.wc-block-components-form
input[type="tel"],
body.woocommerce-checkout
.wc-block-components-form
input[type="number"],
body.woocommerce-checkout
.wc-block-components-form
input[type="password"],
body.woocommerce-checkout
.wc-block-components-form
input[type="url"] {background-color: #1a1a1d !important;background: #1a1a1d !important;color: #fff !important;-webkit-text-fill-color: #fff !important;caret-color: #fff !important;color-scheme: dark;}

/* Chrome / Edge autofill */
body.woocommerce-checkout
.wc-block-components-text-input
input:-webkit-autofill,
body.woocommerce-checkout
.wc-block-components-text-input
input:-webkit-autofill:hover,
body.woocommerce-checkout
.wc-block-components-text-input
input:-webkit-autofill:focus,
body.woocommerce-checkout
.wc-block-components-text-input
input:-webkit-autofill:active,

body.woocommerce-checkout
.wc-block-components-form
input:-webkit-autofill,
body.woocommerce-checkout
.wc-block-components-form
input:-webkit-autofill:hover,
body.woocommerce-checkout
.wc-block-components-form
input:-webkit-autofill:focus,
body.woocommerce-checkout
.wc-block-components-form
input:-webkit-autofill:active {
  background-color: #1a1a1d !important;
  background: #1a1a1d !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  /* THIS is what actually hides Chrome's blue autofill */
  -webkit-box-shadow:
    0 0 0 1000px #1a1a1d inset !important;

  box-shadow:
    0 0 0 1000px #1a1a1d inset !important;

  border-color: rgba(255,255,255,.15) !important;

  /* Prevent Chrome's autofill animation from repainting blue */
  transition:
    background-color 999999s ease-in-out 0s !important,
    color 999999s ease-in-out 0s !important;
}

/* Firefox autofill */
body.woocommerce-checkout
.wc-block-components-text-input
input:autofill,
body.woocommerce-checkout
.wc-block-components-form
input:autofill {
  background: #1a1a1d !important;
  background-color: #1a1a1d !important;
  color: #fff !important;
  box-shadow: 0 0 0 1000px #1a1a1d inset !important;
}

/* ============================================
   WC Blocks — Labels
   ============================================ */

body.woocommerce-checkout
.wc-block-components-text-input
label {
  color: rgba(255,255,255,.7) !important;
}

/* ============================================
   WC Blocks — Country / State selectors
   ============================================ */

body.woocommerce-checkout
.wc-blocks-components-select
.wc-blocks-components-select__container {
  background: #1a1a1d !important;
  background-color: #1a1a1d !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  color-scheme: dark;
}

body.woocommerce-checkout
.wc-blocks-components-select
.wc-blocks-components-select__select {
  background: #1a1a1d !important;
  background-color: #1a1a1d !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  color-scheme: dark;
}

body.woocommerce-checkout
.wc-blocks-components-select
.wc-blocks-components-select__select option {
  background-color: #1a1a1d !important;
  color: #fff !important;
}

/* ============================================
   WC Blocks — Focus
   ============================================ */

body.woocommerce-checkout
.wc-block-components-text-input
input:focus {
  background-color: rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  outline: none !important;
  border-color: var(--ihumanoid-blue) !important;
  box-shadow: none !important;
}

/* Autofilled + focused: keep it dark */
body.woocommerce-checkout
.wc-block-components-text-input
input:-webkit-autofill:focus {
  background-color: #1a1a1d !important;
  background: #1a1a1d !important;

  -webkit-box-shadow:
    0 0 0 1000px #1a1a1d inset !important;

  box-shadow:
    0 0 0 1000px #1a1a1d inset !important;

  border-color: var(--ihumanoid-blue) !important;
  -webkit-text-fill-color: #fff !important;
}


/* ============================================
   WC Blocks — Radio Control (Shipping Method)
   ============================================ */
.wc-block-components-radio-control__option { background:#1a1a1a!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;padding:16px 20px!important;border-radius:8px!important;margin-bottom:8px;cursor:pointer;transition:all .2s ease; }
.wc-block-components-radio-control__option:hover { background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.2)!important; }
.wc-block-components-radio-control__option--checked-option-highlighted { background:rgba(0,85,204,.1)!important;border-color:var(--ihumanoid-blue)!important; }
.wc-block-components-radio-control__option-layout { padding-left:30px!important; }

/* ============================================
   WC Blocks — Sidebar Layout (Cart/Checkout)
   ============================================ */
.wc-block-components-sidebar-layout__sidebar { background:#111!important;border-left:1px solid rgba(255,255,255,.08)!important;padding:24px!important; }
.wc-block-components-main { flex:1!important;min-width:0; }

/* ============================================
   WC Blocks — Textarea
   ============================================ */
.wc-block-components-textarea { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#fff!important;font-size:14px;padding:12px 16px; }
.wc-block-components-textarea:focus { outline:none!important;background:rgba(255,255,255,.1)!important; }
.wc-block-components-textarea::placeholder { color:rgba(255,255,255,.4)!important; }

/* ============================================
   WC Blocks — Order Summary
   ============================================ */
.wc-block-components-order-summary-item { border-color:rgba(255,255,255,.06)!important;background:transparent!important; }
.wc-block-components-order-summary-item__description { color:#fff!important;font-size:14px!important; }
.wc-block-components-order-summary-item__individual-price { color:rgba(255,255,255,.7)!important;font-size:13px!important; }
.wc-block-components-order-summary-item__quantity { color:rgba(0,0,0,1)!important;font-size:12px!important; }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {box-shadow:none!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image {width:auto;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {border-radius:6px;max-width: 60px;width: 60px;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {padding: 4px 12px 12px 15px;}
.wc-block-components-totals-footer-item { color:#fff!important;font-size:18px!important;font-weight:600!important; }
.wc-block-components-totals-item__label { color:#fff!important; }
.wc-block-components-totals-item__value { color:#fff!important; }
.wc-block-components-totals-shipping { color:rgba(255,255,255,.8)!important; }
.wc-block-components-totals-taxes { color:rgba(255,255,255,.6)!important; }

/* ============================================
   WC Blocks — Checkout Step (Accordion Headers)
   ============================================ */
.wc-block-components-checkout-step__heading { color:#fff!important;font-size:18px!important;font-weight:600!important;cursor:pointer; }
.wc-block-components-checkout-step__content { background:transparent!important;border-color:transparent!important; }

/* ============================================
   WC Blocks — Place Order Button
   ============================================ */
.wc-block-components-checkout-place-order-button { background:var(--ihumanoid-blue)!important;color:#fff!important;border:none!important;padding:14px 32px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;cursor:pointer;transition:all .2s ease!important; }
.wc-block-components-checkout-place-order-button:hover { background:var(--ihumanoid-blue-dark)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important; }

/* ============================================
   WC Blocks — Product Metadata (Cart/Checkout)
   ============================================ */
.wc-block-components-product-name { color:#fff!important;font-size:14px!important; }
.wc-block-components-product-price__value { color:var(--ihumanoid-blue)!important;font-size:14px!important;font-weight:600!important; }
.wc-block-components-product-metadata__description { color:rgba(255,255,255,.6)!important;font-size:12px!important; }

/* ============================================
   WC Blocks — Shipping Rates Control
   ============================================ */
.wc-block-components-shipping-rates-control__package { background:#1a1a1a!important;border-color:rgba(255,255,255,.08)!important;border-radius:8px!important;padding:16px!important; }

/* ============================================
   WC Blocks — Title / Section Headers
   ============================================ */
.wc-block-components-title { color:#fff!important;font-size:20px!important;font-weight:600!important;margin-bottom:16px!important; }
.wc-block-components-checkout-order-summary__title { color:#fff!important;font-size:20px!important;font-weight:600!important; }

/* ============================================
   WC Blocks — Formatted Money Amount
   ============================================ */
.wc-block-components-formatted-money-amount, .wc-block-formatted-money-amount { color:#fff!important; }

/* ============================================
    WC Blocks — Cart Item Prices
    ============================================ */
.wc-block-cart-item__total-price-and-sale-badge-wrapper { color:var(--ihumanoid-blue)!important;font-weight:600!important; }



/* ============================================
    WC Blocks — Quantity Selector (matches product stepper)
    ============================================ */
.wc-block-cart-item__image a {overflow:hidden; position:relative; border-radius:6px; display:flex;}
.wc-block-cart-item__quantity {margin-top:10px;}
.wc-block-components-quantity-selector { display:inline-flex!important;align-items:stretch!important;width:auto!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important; }
.wc-block-components-quantity-selector__button { flex:0 0 auto!important;width:34px!important;height:34px!important;border:none!important;background:transparent!important;color:#fff!important;font-size:18px!important;font-weight:700!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .15s ease!important;line-height:1!important;padding:0!important;border-radius:0!important; }
.wc-block-components-quantity-selector__button:hover { background:var(--ihumanoid-blue)!important;color:#fff!important; }
.wc-block-components-quantity-selector__button--minus { border-right:1px solid rgba(255,255,255,.15)!important; }
.wc-block-components-quantity-selector__button--plus { border-left:1px solid rgba(255,255,255,.15)!important; }
.wc-block-components-quantity-selector__button:disabled { opacity:.35!important;cursor:not-allowed!important;background:transparent!important; }
.wc-block-components-quantity-selector__input { flex:0 0 auto!important;width:42px!important;text-align:center!important;padding:0 4px!important;border:none!important;background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:600!important;height:34px!important;-moz-appearance:textfield; }
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button, .wc-block-components-quantity-selector__input::-webkit-inner-spin-button { -webkit-appearance:none;margin:0; }

/* WC Blocks checkout order summary */
.wc-block-components-order-summary-item {}
.wc-block-components-order-summary {margin:0;}
.wp-block-woocommerce-checkout-order-summary-cart-items-block {padding:15px;}
/* ============================================
   WC Blocks — No Payment Methods Notice
   ============================================ */
.wc-block-checkout__no-payment-methods-notice { background:#1a1a1a!important;border-color:rgba(255,255,255,.1)!important; }
.wp-block-woocommerce-checkout { padding:0!important; }

/* ============================================
   Product Topbar — Merged Navigation
   ============================================ */
.product-topbar { background:var(--ihumanoid-blue-dark);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:var(--header-height);left:0;right:0;z-index:101;border-bottom:1px solid rgba(255,255,255,.08); }
.product-topbar-inner { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;flex-wrap:wrap; }
.product-topbar-title { font-size:15px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0; }
.product-topbar-nav { display:flex;align-items:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none; }
.product-topbar-nav::-webkit-scrollbar { display:none; }
.product-topbar-btn { padding:8px 18px;border-radius:980px;font-size:13px;font-weight:600;text-decoration:none;color:rgba(255,255,255,.7);white-space:nowrap;transition:all .2s ease;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center; }
.product-topbar-btn:hover { color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15); }
.product-topbar-btn.active { color:#fff;background:var(--ihumanoid-blue);border-color:var(--ihumanoid-blue);font-weight:700; }
.product-topbar-btn-outline { border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);background:transparent; }
.product-topbar-btn-outline:hover { border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06); }
.product-topbar-btn-primary { color:#fff!important;background:var(--ihumanoid-blue)!important;border-color:var(--ihumanoid-blue)!important; }
.product-topbar-actions { display:flex;align-items:center;gap:8px;flex-shrink:0; }

/* ============================================
   Product Gallery — 15% Thumbs / 85% Main
   ============================================ */
.product-gallery { display:flex;gap:12px;align-items:flex-start;position:relative; }
.productThumbs { width:65px!important;flex-shrink:0; }
.productThumbs .swiper-container { height:calc(7 * 54px + 6 * 8px);max-height:600px;width:65px!important; }
.productThumbs .swiper-wrapper { flex-direction:column;gap:8px; }
.productThumbs .swiper-slide { width:54px!important;height:54px!important;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.5;transition:opacity .2s ease,transform .2s ease;border:2px solid transparent;flex-shrink:0; }
.productThumbs .swiper-slide img { width:100%;height:100%;object-fit:cover;display:block; }
.productThumbs .swiper-slide-thumb-active { opacity:1!important;border:2px solid var(--ihumanoid-blue)!important;transform:scale(1.05); }
.productMain { flex:1;min-width:0;position:relative;overflow:hidden;border-radius:15px; }
.productMain .swiper { width:100%;height:auto;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--color-dark); }
.productMain .swiper-slide img { width:100%;height:auto;display:block;object-fit:contain; }
.product-gallery .swiper-button-next, .product-gallery .swiper-button-prev { color:#fff;width:24px!important;height:24px!important;background:var(--color-dark-50)!important;border-radius:50%!important;padding:3px!important;background-size:16px 16px!important; }

/* ============================================
   Product Gallery — Lightbox
   ============================================ */
.product-lightbox { display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:transparent; }
.product-lightbox.active { display:flex; }
.lightbox-backdrop { position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0a0a0ad6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .35s ease;pointer-events:none;cursor:pointer; }
.product-lightbox.active .lightbox-backdrop { opacity:1; }
.lightbox-close { position:absolute;top:16px;right:16px;z-index:99999;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:auto; }
.lightbox-close:hover { background:rgba(255,255,255,.2);transform:rotate(90deg); }
.lightbox-prev, .lightbox-next { position:absolute;top:50%;z-index:99999;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;transform:translateY(-50%);font-size:16px; }
.lightbox-prev:hover, .lightbox-next:hover { background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3); }
.lightbox-prev { left:16px; }
.lightbox-next { right:16px; }
.lightbox-swiper { position:relative;width:100%;height:100vh;max-width:100vw;z-index:5;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0; }
.lightbox-swiper .swiper-slide { display:flex;align-items:center;justify-content:center; }
.lightbox-swiper .swiper-slide img { max-height:calc(100vh - 48px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:transform .15s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none; }
.lightbox-thumbs { position:relative;z-index:5;display:flex;justify-content:center;overflow-x:auto;flex-shrink:0;padding:12px 0; }
.lightbox-thumbs .swiper-wrapper { display:flex;gap:8px; }
.lightbox-thumbs .swiper-slide { width:56px!important;height:56px!important;flex-shrink:0;cursor:pointer;opacity:.45;transition:all .2s ease;border-radius:6px;overflow:hidden;border:2px solid transparent; }
.lightbox-thumbs .swiper-slide img { width:100%;height:100%;object-fit:cover;display:block; }
.lightbox-thumbs .swiper-slide-thumb-active { opacity:1!important;border:2px solid var(--ihumanoid-blue)!important;transform:scale(1.08);box-shadow:0 4px 12px rgba(0,85,204,.3); }

/* ============================================
   Product Gallery — Zoom Button
   ============================================ */
.zoom-btn { position:absolute;top:12px;right:12px;z-index:10;background:var(--color-dark-50);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0; }
.productMain:hover .zoom-btn { opacity:1; }
.zoom-btn:hover { background:var(--color-dark-70);transform:scale(1.1); }

/* ============================================
   Product Stock Notification — Dark Theme
   ============================================ */
.product-stock-notification { display:flex;flex-direction:column;gap:6px;margin-bottom:30px;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:13px; }
.product-stock-notification svg { flex-shrink:0;margin-right:6px;margin-top:2px; }
.stock-status.in-stock { color:#4ade80;display:flex;align-items:center;gap:6px;font-weight:600; }
.stock-status.backorder { color:#fbbf24;display:flex;align-items:center;gap:6px;font-weight:600; }
.shipping-info { color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;font-size:12px; }
.shipping-class { color:var(--ihumanoid-blue);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500; }

/* ============================================
   Product Info — Dark Theme Enhancements
   ============================================ */
.product-gallery-logo { position:absolute;top:20px;left:20px;z-index:10;display:flex;align-items:center; }
.product-gallery-logo img { max-width:120px;display:block;opacity:.85;object-fit:contain;width:120px; }
.product-info .summary { padding-left:15px; }
.product-title-summary { color:#fff;font-size:22px;margin-bottom:5px; }
.product-brand-logo { margin-bottom:20px;max-width:120px; }
.product-brand-logo img { width:100%;height:auto;display:block;transition:opacity .2s ease; }
.product-sku { font-size:13px;color:rgba(255,255,255,.4);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase;font-weight:500; }
.product-fits { font-size:13px;color:rgba(255,255,255,.5);margin-bottom:12px; }
.product-fits a { color:#fff;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .15s,color .15s; }
.product-fits a:hover { color:var(--ihumanoid-blue);border-color:var(--ihumanoid-blue); }
.product-intro-title-inline { font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3; }
.product-intro-content-inline { margin-bottom:16px; }
.product-intro-content-inline p { color:rgba(255,255,255,.7);margin-bottom:8px;font-size:14px;line-height:1.7; }
.product-intro-content-inline ul, .product-intro-content-inline ol { color:rgba(255,255,255,.7);padding-left:20px;margin-bottom:12px; }
.product-intro-content-inline li { margin-bottom:4px;font-size:14px;line-height:1.6; }
 .product-info .woocommerce-product-details__short-description { margin-top:15px; }
 .product-info .woocommerce-product-rating { margin-bottom:12px; }
.product-info .price { font-size:24px;font-weight:700;color:#fff;margin-bottom:16px; }
.product-info .price ins { text-decoration:none!important; }
.product-info .price del { color:rgba(255,255,255,.3)!important; }
.woocommerce div.product .product_title { color:#fff!important;font-size:28px!important;font-weight:700!important;margin-bottom:12px!important;line-height:1.2!important; }
.woocommerce div.product .woocommerce-product-rating { color:var(--ihumanoid-text);font-size:13px; }
.woocommerce div.product .star-rating { color:var(--ihumanoid-blue)!important; }

/* ============================================
   Product — Add to Cart Form Enhancements
   ============================================ */
.no-accessories #product-cart form.cart {gap:15px;display:flex; flex-wrap: wrap;}
.no-accessories #product-cart form.cart .woocommerce-variation-add-to-cart {display:flex;flex-direction: row;}
.no-accessories #product-cart .variations_button .single_add_to_cart_button {width:auto;}
#product-cart form.cart { margin-top:20px; }
#product-cart .single_variation_wrap {width:100%;}
#product-cart .button { display:inline-flex;align-items:center; }
#product-cart .quantity { display:inline-flex;align-items:stretch;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06); }
#product-cart .quantity label.screen-reader-text { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
#product-cart .qty-btn { width:44px;height:44px;border:none;background:transparent;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;line-height:1;padding:0; }
#product-cart .qty-btn:hover { background:var(--ihumanoid-blue); }
#product-cart .qty-btn.qty-minus { border-right:1px solid rgba(255,255,255,.15); }
#product-cart .qty-btn.qty-plus { border-left:1px solid rgba(255,255,255,.15); }
#product-cart .quantity input.input-text { width:54px;text-align:center;padding:0 4px;border:none;background:transparent;color:#fff;font-size:15px;font-weight:600;height:44px;-moz-appearance:textfield; }
#product-cart .quantity input.input-text::-webkit-outer-spin-button, #product-cart .quantity input.input-text::-webkit-inner-spin-button { -webkit-appearance:none;margin:0; }
#product-cart .button { background:var(--ihumanoid-blue)!important;color:#fff!important;border:none!important;padding:14px 32px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex;align-items:center;justify-content:center;min-width:160px; }
#product-cart .button:hover { background:var(--ihumanoid-blue-dark)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3); }
#product-cart .button:disabled { opacity:.5!important;cursor:not-allowed!important;transform:none!important; }
#product-cart .button.disabled, #product-cart .button.wc-variation-selection-needed { opacity:.5!important;cursor:not-allowed!important;pointer-events:none;transform:none!important; }

/* ============================================
   Variable Product Form — Dark Theme
   ============================================ */
form.variations_form table.variations { border:none!important;background:transparent!important;margin-bottom:20px!important;padding:0!important; }
form.variations_form table.variations tr { display:flex!important;flex-wrap:wrap!important;align-items:center!important;margin-bottom:12px!important;border:none!important;padding:0!important;gap:12px!important; }
form.variations_form table.variations td, form.variations_form table.variations th { border:none!important;background:transparent!important;padding:0!important;vertical-align:middle!important; }
form.variations_form table.variations .label { color:rgba(255,255,255,.7)!important;font-weight:500!important;font-size:13px!important;margin-right:8px;white-space:nowrap!important;min-width:auto!important;flex-shrink:0; }
form.variations_form select { background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;padding:10px 36px 10px 14px!important;border-radius:8px!important;font-size:13px!important;width:auto!important;min-width:180px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;appearance:none!important;-webkit-appearance:none!important;margin-bottom:0!important; }
form.variations_form select:focus { outline:none!important;border-color:var(--ihumanoid-blue)!important;background:rgba(255,255,255,.1)!important; }
form.variations_form select option { background:#1a1a1a!important;color:#fff!important;padding:8px; }
form.variations_form .reset_variations { color:var(--ihumanoid-blue)!important;font-size:13px!important;margin-left:8px!important;text-decoration:underline!important; }

/* ============================================
   Variable Product — Color Swatch Variations
   ============================================ */
form.variations_form td.variation label { display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;flex-wrap:wrap!important;margin-bottom:0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:rgba(255,255,255,.03)!important;transition:all .2s ease!important; }
form.variations_form td.variation label:hover { border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important; }
form.variations_form input[type="radio"] { display:none!important; }
form.variations_form input[type="radio"]:checked + label, form.variations_form input[type="radio"]:checked ~ .swatch-label { border-color:var(--ihumanoid-blue)!important;background:rgba(0,85,204,.1)!important;box-shadow:0 0 0 1px var(--ihumanoid-blue); }
form.variations_form input[type="radio"]:checked ~ .swatch-label.color-swatch { box-shadow:0 0 0 2px var(--ihumanoid-blue); }
.woocommerce-variation-add-to-cart {margin-top:15px;display:flex;flex-direction:column;align-items:stretch;gap:16px;}
#product-cart .variations_button .quantity { width:fit-content; }
#product-cart .variations_button .single_add_to_cart_button { width:100%; }
.swatch-label { display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;font-size:12px!important;color:#fff!important;transition:all .2s ease!important;cursor:pointer!important;text-transform:capitalize!important; }
.color-swatch { width:32px!important;height:32px!important;padding:0!important;position:relative!important; }
.color-swatch::after { content:'';display:block;width:20px!important;height:20px!important;border-radius:50%;border:1px solid rgba(255,255,255,.2); }

/* ============================================
   Product Meta — Dark Theme
   ============================================ */
.product_meta { margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08); }
.product_meta .posted_in, .product_meta .tagged_as { display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:6px; }
.product_meta a { color:var(--ihumanoid-blue)!important;text-decoration:none!important; }
.product_meta a:hover { text-decoration:underline!important;color:#fff!important; }

/* ============================================
   Product Bundle Options — Dark Theme
   ============================================ */
#product-bundle-opties { padding:0;margin-bottom:24px; }
.bundle-product-grid { display:flex;gap:24px;flex-wrap:wrap; }
.bundle-product-image { flex-shrink:0;width:120px;height:120px;border-radius:10px;overflow:hidden;background:var(--color-dark);display:flex;align-items:center;justify-content:center; }
.bundle-product-image img { width:100%!important;height:100%!important;object-fit:cover!important; }
.bundle-product-info { flex:1;min-width:0; }
.bundle-product-info h4 { color:#fff;font-size:15px;font-weight:600;margin-bottom:8px; }
.bundle-product-info .bundle-price { color:var(--ihumanoid-blue);font-size:14px;font-weight:600;margin-bottom:12px; }
.bundle-checkbox { display:flex;align-items:center;margin-bottom:10px;cursor:pointer; }
.bundle-checkbox input[type="checkbox"] { width:18px!important;height:18px!important;accent-color:var(--ihumanoid-blue)!important;cursor:pointer;flex-shrink:0; }
.bundle-checkbox span { color:rgba(255,255,255,.7);font-size:13px; }
.bundle-total { display:flex;align-items:center;gap:8px;padding:14px 16px;background:rgba(0,85,204,.08)!important;border:1px solid rgba(0,85,204,.2)!important;border-radius:10px;margin-top:16px;font-size:15px;font-weight:600;color:#fff; }
.bundle-total.is-hidden { display:none; }
.bundle-total .total-label { color:rgba(255,255,255,.7); }
.bundle-total .total-amount { color:var(--ihumanoid-blue);font-size:18px; }
.product-accessories { margin-top:28px; }
.accessories-title { color:#fff;font-size:18px;font-weight:600;margin:0 0 14px; }
.accessory-row { padding:12px 0;border-bottom:1px solid var(--ihumanoid-border);margin-bottom:0;align-items:center; }
.acc-thumb { flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-radius:8px;overflow:hidden; }
.acc-thumb img { width:100%;height:100%;object-fit:contain; }
.acc-info { display:flex;flex-direction:column;gap:4px;flex:1;min-width:0; }
.acc-name a { color:#fff;text-decoration:none;font-size:14px;font-weight:500; }
.acc-name a:hover { color:var(--ihumanoid-blue); }
.acc-price { font-size:13px;color:rgba(255,255,255,.7); }
.acc-label { display:flex;align-items:center;gap:14px;flex:1;min-width:0;cursor:pointer; }
#product-bundle-opties .acc-qty { flex:0 0 auto; }
#product-bundle-opties .acc-qty .qty-btn { width:28px;height:28px;font-size:15px; }
#product-bundle-opties .accessory-qty { width:36px;height:28px;text-align:center;padding:0 4px;border:none;background:transparent;color:#fff;font-size:13px;font-weight:600;-moz-appearance:textfield; }
#product-bundle-opties .accessory-qty::-webkit-outer-spin-button, #product-bundle-opties .accessory-qty::-webkit-inner-spin-button { -webkit-appearance:none;margin:0; }
#product-bundle-opties .accessory-qty:disabled { opacity:.4;cursor:not-allowed; }
#product-bundle-opties .acc-qty .qty-btn:disabled { opacity:.35;cursor:not-allowed;background:transparent; }
.acc-price small,.bundle-total small { color:rgba(255,255,255,.5);font-size:11px;font-weight:400; }
.accessory-row-vars { display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%;order:3;padding-left:102px;margin-top:10px; }
.accessory-row:has(.accessory-row-vars) { flex-wrap:wrap; }
#product-bundle-opties .accessory-row:has(.accessory-row-vars) .acc-qty { order:2; }
#product-bundle-opties .accessory-var-attr { width:auto;max-width:170px;padding:7px 8px;background:rgba(255,255,255,.06);border:1px solid var(--ihumanoid-border);border-radius:6px;color:#fff;font-size:13px;cursor:pointer; }
#product-bundle-opties .accessory-var-attr:focus { outline:none;border-color:var(--ihumanoid-blue); }
#product-bundle-opties .accessory-var-attr option { color:#1a2332;background:#fff; }
.acc-amount[data-state="select"] + small { display:none; }

/* ============================================
   Product Content Block Types — Dark Theme
   ============================================ */
.blokken-overzicht li.tekstslider, .blokken-overzicht li.tekstafb, .blokken-overzicht li.tekstafb2, .blokken-overzicht li.tekstafb3, .blokken-overzicht li.fullafb { padding:40px 0;border-bottom:1px solid rgba(255,255,255,.06); }
.blokken-overzicht li.tekstafb2 .tekst-col, .blokken-overzicht li.tekstafb3 .tekst-col { flex:1;min-width:0;padding:0 20px; }
.blokken-overzicht li.tekstafb2 h3, .blokken-overzicht li.tekstafb3 h3 { color:#fff;font-size:20px;font-weight:600;margin-bottom:12px; }
.blokken-overzicht li.tekstafb2 p, .blokken-overzicht li.tekstafb3 p { color:rgba(255,255,255,.7);font-size:14px;line-height:1.7; }
.blokken-overzicht li.tekstafb2 img, .blokken-overzicht li.tekstafb3 img { border-radius:12px;width:100%;height:auto;display:block; }
.blokken-overzicht li.tabs { padding:40px 0;border-bottom:none; }
.blokken-overzicht li.tabs .tab-nav { display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap; }
.blokken-overzicht li.tabs .tab-btn { padding:8px 16px;border-radius:980px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:13px;cursor:pointer;transition:all .2s ease;text-decoration:none; }
.blokken-overzicht li.tabs .tab-btn.active { background:var(--ihumanoid-blue);border-color:var(--ihumanoid-blue);color:#fff;font-weight:600; }
.blokken-overzicht li.tabs .tab-content { color:rgba(255,255,255,.7);font-size:14px;line-height:1.7; }
.blokken-overzicht li.blok3, .blokken-overzicht li.blok4 { padding:40px 0;border-bottom:none; }
.blokken-overzicht li.blok3 .feature-grid, .blokken-overzicht li.blok4 .feature-grid { display:grid!important;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }
.blokken-overzicht li.blok3 .feature-item, .blokken-overzicht li.blok4 .feature-item { background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:all .2s ease; }
.blokken-overzicht li.blok3 .feature-item:hover, .blokken-overzicht li.blok4 .feature-item:hover { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px); }
.blokken-overzicht li.blok3 .feature-icon, .blokken-overzicht li.blok4 .feature-icon { width:48px;height:48px;border-radius:10px;background:rgba(0,85,204,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--ihumanoid-blue); }
.blokken-overzicht li.blok3 .feature-title, .blokken-overzicht li.blok4 .feature-title { color:#fff;font-size:16px;font-weight:600;margin-bottom:8px; }
.blokken-overzicht li.blok3 .feature-desc, .blokken-overzicht li.blok4 .feature-desc { color:rgba(255,255,255,.6);font-size:13px;line-height:1.6; }

/* ============================================
   Product Gallery — Responsive
   ============================================ */
@media (max-width: 767px) { .product-gallery { flex-direction:column!important;gap:8px!important;margin-bottom:24px!important; } .productThumbs { width:100%!important;max-height:80px!important; } .productThumbs .swiper-wrapper { flex-direction:row!important;gap:6px!important; } .productThumbs .swiper-slide { aspect-ratio:auto!important;width:60px!important;height:60px!important;flex-shrink:0!important; } .productMain { flex:none!important;width:100%!important; } .productMain .swiper { aspect-ratio:1/1!important; } .lightbox-swiper { width:95vw;height:70vh;padding:16px 0; } .lightbox-swiper .swiper-slide img { max-height:calc(70vh - 32px);box-shadow:0 4px 16px rgba(0,0,0,.3); } .lightbox-thumbs { width:95vw;padding:8px 0; } .lightbox-thumbs .swiper-slide { width:48px!important;height:48px!important; } .lightbox-prev { left:8px!important; } .lightbox-next { right:8px!important; } .lightbox-prev, .lightbox-next { width:36px!important;height:36px!important;font-size:14px!important; } .lightbox-close { top:12px!important;right:12px!important;width:36px!important;height:36px!important; } .product-tab-nav-inner { padding:10px 0;gap:2px; } .product-tab-btn { padding:6px 14px;font-size:12px; } .bundle-product-grid { flex-direction:column!important;gap:16px!important; } .bundle-product-image { width:80px!important;height:80px!important; } .blokken-overzicht li.blok3 .feature-grid, .blokken-overzicht li.blok4 .feature-grid { grid-template-columns:1fr!important; } }