:root, .clx-cart-drawer, .clx-quick-view, .clx-cart-page {
  --clx-bg:#010709;
  --clx-bg-soft:#071015;
  --clx-surface:#081117;
  --clx-surface-2:#0c151b;
  --clx-surface-3:#101b22;
  --clx-line:rgba(39,240,138,.14);
  --clx-line-strong:rgba(39,240,138,.28);
  --clx-green:#27f08a;
  --clx-green-2:#16c172;
  --clx-text:#effff6;
  --clx-text-soft:rgba(239,255,246,.76);
  --clx-text-muted:rgba(239,255,246,.54);
  --clx-radius-xl:26px;
  --clx-radius-lg:20px;
  --clx-shadow:0 10px 30px rgba(0,0,0,.28);
  --clx-shadow-neon:0 0 0 1px rgba(39,240,138,.08), 0 0 24px rgba(39,240,138,.08);
  --clx-title-font:var(--clx-font-title, Inter, Arial, sans-serif);
  --clx-base-font:var(--clx-font-base, Inter, Arial, sans-serif);
}

.clx-cart-page, .clx-cart-drawer, .clx-cart-trigger, .clx-card-action--cart{
  font-family:var(--clx-base-font);
}

.clx-cart-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:linear-gradient(135deg,#27f08a,#16c172);color:#03120a;font-size:10px;font-weight:800;line-height:1;
  box-shadow:0 6px 16px rgba(39,240,138,.2);
}

.clx-cart-trigger,.clx-card-action--cart{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:40px;padding:0 11px;
  border-radius:999px;border:1px solid rgba(39,240,138,.18);background:linear-gradient(180deg,#101920,#0a1217);color:var(--clx-text);
  cursor:pointer;transition:.22s ease;text-decoration:none;
}
.clx-cart-trigger:hover,.clx-card-action--cart:hover{border-color:rgba(39,240,138,.35);color:var(--clx-green);box-shadow:var(--clx-shadow-neon);transform:translateY(-1px)}
.clx-cart-trigger .clx-cart-badge,.clx-card-action--cart .clx-cart-badge{position:absolute;top:-4px;right:-4px}
.clx-card-action__icon, .clx-cart-drawer__close svg{width:18px;height:18px;display:block}
.clx-card-action--cart.is-loading{opacity:.7;pointer-events:none}
.clx-card-action--cart.is-added{background:linear-gradient(135deg,#27f08a,#16c172);color:#03120a;border-color:rgba(39,240,138,.55)}

.clx-cart-page{background:radial-gradient(circle at top right, rgba(39,240,138,.08), transparent 28%),linear-gradient(180deg,#010709 0%,#071015 100%);color:var(--clx-text);padding:34px 0 56px}
.clx-cart-shell{width:min(1280px,calc(100% - 32px));margin:0 auto}
.clx-cart-hero{margin-bottom:24px}
.clx-cart-hero__inner{background:linear-gradient(180deg, rgba(8,17,23,.92), rgba(10,18,24,.84));border:1px solid var(--clx-line);border-radius:30px;padding:28px 28px 24px;box-shadow:var(--clx-shadow),var(--clx-shadow-neon);position:relative;overflow:hidden}
.clx-cart-kicker,.clx-cart-summary__kicker{display:inline-flex;align-items:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--clx-green);font-weight:700}
.clx-cart-title{margin:0 0 8px;color:#27f08a;font-family:var(--clx-title-font);font-weight:600;letter-spacing:.02em;text-shadow:0 0 12px rgba(39,240,138,.18);font-size:28px;line-height:1.3em}
.clx-cart-subtitle{margin:0;color:var(--clx-text-soft);font-size:14px;line-height:1.5;max-width:720px}
.clx-cart-steps{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.clx-cart-steps span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--clx-line);background:rgba(255,255,255,.02);color:var(--clx-text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.clx-cart-steps span.is-active{color:#03120a;border-color:rgba(39,240,138,.5);background:linear-gradient(135deg,#27f08a,#16c172);font-weight:800}

.clx-cart-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:22px}
.clx-cart-list{display:grid;gap:16px}
.clx-cart-card,.clx-cart-box,.clx-cart-summary,.clx-cart-accordion,.clx-cart-empty__card{background:linear-gradient(180deg,rgba(8,17,23,.96),rgba(10,18,24,.96));border:1px solid var(--clx-line);border-radius:26px;box-shadow:var(--clx-shadow)}
.clx-cart-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:18px;transition:.22s ease}
.clx-cart-card:hover{border-color:var(--clx-line-strong);box-shadow:var(--clx-shadow),var(--clx-shadow-neon);transform:translateY(-1px)}
.clx-cart-card__media{border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#091218,#0d171d);border:1px solid rgba(255,255,255,.04);min-height:160px}.clx-cart-card__media a,.clx-cart-card__media img{display:block;width:100%;height:100%}.clx-cart-card__media img{object-fit:cover}
.clx-cart-card__content{min-width:0;display:flex;flex-direction:column;gap:18px}.clx-cart-card__top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.clx-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;background:rgba(39,240,138,.08);border:1px solid rgba(39,240,138,.16);color:var(--clx-green);font-weight:700}
.clx-cart-card__title{margin:0 0 10px;font-size:1.08rem;line-height:1.35;font-weight:700}.clx-cart-card__title a{color:var(--clx-text);text-decoration:none}.clx-cart-card__title a:hover{color:var(--clx-green)}
.clx-cart-card__vars{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--clx-text-soft);font-size:.84rem}
.clx-cart-remove,.clx-mini-item__remove,.clx-cart-drawer__close{appearance:none;border:1px solid rgba(39,240,138,.14);background:#0f171d;color:#effff6;border-radius:999px;min-height:34px;padding:0 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:.2s ease}
.clx-cart-remove:hover,.clx-mini-item__remove:hover,.clx-cart-drawer__close:hover{border-color:rgba(39,240,138,.35);color:#27f08a;box-shadow:0 0 16px rgba(39,240,138,.12)}

.clx-cart-card__bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.clx-cart-price-block,.clx-cart-qty-block,.clx-cart-subtotal-block,.clx-payment-estimate{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:18px;padding:14px}
.clx-cart-price-label{color:var(--clx-text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.clx-cart-price,.clx-cart-subtotal{font-size:1rem;font-weight:700;color:var(--clx-text)}
.clx-qty{display:grid;grid-template-columns:32px minmax(46px,58px) 32px;align-items:center;gap:6px}.clx-qty__btn{appearance:none;border:none;border-radius:999px;min-height:32px;width:32px;min-width:32px;padding:0;background:linear-gradient(180deg,#132029,#0b1318);color:var(--clx-text);cursor:pointer;font-size:1rem;font-weight:700;border:1px solid rgba(39,240,138,.12);transition:.2s ease}.clx-qty__btn:hover{border-color:rgba(39,240,138,.35);color:var(--clx-green)}.clx-qty__input{width:100%;min-height:32px;height:32px;border-radius:999px;background:#0a1217;border:1px solid rgba(39,240,138,.14);color:#fff;text-align:center;font-weight:700;outline:none;padding:0 6px;font-size:.95rem}

.clx-cart-box,.clx-cart-summary,.clx-cart-accordion{padding:22px}.clx-cart-coupon,.clx-cart-shipping{margin-top:16px}.clx-cart-box__title{margin:0 0 12px;font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--clx-text)}
.clx-cart-accordion__title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;margin:0;font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--clx-text)}.clx-cart-accordion__title::-webkit-details-marker{display:none}.clx-cart-accordion[open] .clx-cart-accordion__icon{transform:rotate(45deg)}.clx-cart-accordion__icon{font-size:1.4em;line-height:1;transition:.2s ease;color:var(--clx-green)}.clx-cart-box--accordion{padding:16px 0 0 0;background:transparent;border:none;box-shadow:none;border-radius:0}
.clx-cart-coupon__row,.clx-field-row{display:grid;gap:10px}.clx-cart-coupon__row{grid-template-columns:minmax(0,1fr) auto}.clx-field-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.clx-field label{display:block;margin:0 0 7px;color:var(--clx-text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.clx-field input,.clx-field select,.clx-cart-coupon__row input{min-height:44px;border-radius:16px;background:#0a1217;border:1px solid rgba(39,240,138,.14);color:#fff;padding:0 16px;outline:none;width:100%}
.clx-field input:focus,.clx-field select:focus,.clx-cart-coupon__row input:focus{border-color:rgba(39,240,138,.35);box-shadow:0 0 0 3px rgba(39,240,138,.08)}
.clx-cart-feedback{margin-top:10px;min-height:18px;font-size:.84rem;color:var(--clx-text-soft)}
.clx-shipping-rates{margin-top:14px;display:grid;gap:10px}.clx-rate-group{display:grid;gap:10px}.clx-rate-item{display:block;cursor:pointer}.clx-rate-item input{display:none}.clx-rate-item__content{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);color:var(--clx-text-soft);transition:.2s ease}.clx-rate-item input:checked + .clx-rate-item__content{border-color:rgba(39,240,138,.4);box-shadow:var(--clx-shadow-neon);color:#fff}

.clx-cart-summary{padding:22px}.clx-cart-summary__head h2{margin:6px 0 16px;font-size:1.25rem;line-height:1.2;font-weight:800;color:#fff}.clx-cart-summary__rows,.clx-payment-estimates,.clx-cart-summary__benefits,.clx-cart-summary__actions{display:grid;gap:10px}.clx-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--clx-text-soft)}.clx-summary-row strong{color:#fff}.clx-summary-row--total{font-size:1.06rem;font-weight:800}.clx-summary-row--total strong{color:var(--clx-green)}
.clx-cart-sidebar,.clx-cart-main{position:sticky;top:24px;align-self:start;}
.clx-payment-estimate__label{color:var(--clx-green);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:700}.clx-payment-estimate strong{display:block;font-size:1.08rem;color:var(--clx-green);margin:0 0 8px;line-height:1.15;font-weight:800}.clx-payment-estimate span{display:block;color:var(--clx-green);font-size:.88rem;line-height:1.22;text-align:left;font-weight:600;opacity:.95}.clx-payment-estimate--installments span{color:rgba(255,255,255,.86)}
.clx-cart-summary__benefits div{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:16px;min-height:40px;display:flex;align-items:center;padding:0 14px;color:var(--clx-text-soft);font-size:.88rem}
.clx-cart-page .clx-btn,
.clx-cart-drawer .clx-btn,
.clx-quick-view .clx-btn{appearance:none;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:46px;border-radius:999px;padding:.42rem .92rem;line-height:1;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.clx-cart-page .clx-btn--primary,
.clx-cart-drawer .clx-btn--primary,
.clx-quick-view .clx-btn--primary{color:#03120a;background:linear-gradient(135deg,#27f08a 0%,#16c172 100%);box-shadow:0 10px 24px rgba(39,240,138,.18)}
.clx-cart-page .clx-btn--primary:hover,
.clx-cart-drawer .clx-btn--primary:hover,
.clx-quick-view .clx-btn--primary:hover{background:linear-gradient(135deg,#16c172 0%,#119a59 100%);box-shadow:0 14px 28px rgba(39,240,138,.22);transform:translateY(-1px)}
.clx-cart-page .clx-btn--secondary,
.clx-cart-drawer .clx-btn--secondary,
.clx-quick-view .clx-btn--secondary{color:#effff6;background:linear-gradient(180deg,#101920,#0a1217);border:1px solid rgba(39,240,138,.18)}
.clx-cart-page .clx-btn--secondary:hover,
.clx-cart-drawer .clx-btn--secondary:hover,
.clx-quick-view .clx-btn--secondary:hover{border-color:rgba(39,240,138,.35);color:var(--clx-green)}

.clx-cart-note{margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(39,240,138,.12);background:rgba(39,240,138,.04);color:var(--clx-text-soft);font-size:.84rem;line-height:1.5}

.clx-cart-empty__card{padding:34px 22px;text-align:center}.clx-cart-empty__eyebrow{color:var(--clx-green);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:10px}.clx-cart-empty__card h2{margin:0 0 10px;font-size:1.6rem;color:#fff}.clx-cart-empty__card p,.clx-empty-small{color:var(--clx-text-soft)}.clx-cart-empty__actions{margin-top:22px;display:flex;justify-content:center}

.clx-cart-drawer-overlay{position:fixed;inset:0;background:rgba(1,7,9,.72);backdrop-filter:blur(6px);z-index:10050;opacity:0;pointer-events:none;transition:.22s ease}.clx-cart-drawer-overlay.is-open{opacity:1;pointer-events:auto}
.clx-cart-drawer{display:block!important;position:fixed;top:0;bottom:0;right:0;width:min(430px,100vw);background:linear-gradient(180deg,#071015,#081117);border-left:1px solid var(--clx-line);box-shadow:-14px 0 40px rgba(0,0,0,.4);z-index:10060;transform:translateX(100%);transition:.25s ease;color:var(--clx-text)}.clx-cart-drawer.is-open{transform:translateX(0)}
.clx-cart-drawer__inner{display:flex;flex-direction:column;height:100%}.clx-cart-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.clx-cart-drawer__head h3,.clx-cart-drawer__title{margin:0;font-size:1.2rem;color:var(--clx-green);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.clx-cart-drawer__body{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:0}.clx-cart-drawer__scroll-area{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.clx-cart-drawer__footer{flex-shrink:0;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px));background:#081117;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -10px 24px rgba(0,0,0,.3);z-index:10}
.clx-mini-items{display:grid;gap:12px}.clx-mini-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.clx-mini-item__media{border-radius:14px;overflow:hidden;background:#0d171d}.clx-mini-item__media img{display:block;width:72px;height:72px;object-fit:cover}.clx-mini-item__content h4{margin:0 0 6px;font-size:.95rem;line-height:1.35}.clx-mini-item__meta{color:var(--clx-text-soft);font-size:.82rem}.clx-mini-item__remove{padding:0 12px;min-height:32px}
.clx-mini-summary{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.clx-mini-summary__row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--clx-text-soft)}.clx-mini-summary__row strong{color:#fff}.clx-mini-actions{display:grid;gap:10px}
html.clx-cart-drawer-open{overflow:hidden}
html.clx-snapping{scroll-snap-type:y proximity}
@media (max-width:1024px){.clx-cart-title{font-size:24px}.clx-cart-layout{grid-template-columns:1fr}.clx-cart-sidebar,.clx-cart-main{position:relative;top:auto;align-self:stretch}}
@media (max-width:767px){.clx-cart-page{padding:22px 0 0}.clx-cart-shell{width:min(100%,calc(100% - 18px))}.clx-cart-hero{position:sticky;top:16px;z-index:1}.clx-cart-hero__inner{padding:20px 16px 18px;border-radius:24px}.clx-cart-title{font-size:20px}.clx-cart-subtitle{font-size:13px}.clx-cart-layout{display:block;position:relative;z-index:2;margin-top:20px}.clx-cart-main{position:sticky;top:auto;bottom:130px;z-index:2;background:#010709;margin:0 -9px;padding:20px 9px 0}.clx-cart-sidebar{position:relative;z-index:3;background:#050b0f;margin:0 -9px;padding:24px 9px 160px;box-shadow:0 -20px 40px rgba(0,0,0,.4)}.clx-cart-card{grid-template-columns:1fr;padding:14px;border-radius:22px}.clx-cart-card__media{min-height:220px}.clx-cart-card__top{flex-direction:column;align-items:flex-start}.clx-cart-card__bottom,.clx-field-row--2,.clx-cart-coupon__row{grid-template-columns:1fr}.clx-cart-box,.clx-cart-summary{border-radius:22px;padding:16px}.clx-btn{min-height:44px;font-size:.74rem}.clx-cart-drawer{width:100vw}.clx-cart-summary__actions{position:fixed;bottom:0;left:0;width:100vw;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(8,17,23,0),rgba(8,17,23,.9) 20%,#081117);z-index:1000;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}

/* Quick View Premium V4 */
.clx-qv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:.22s ease;z-index:10080}
.clx-qv-overlay.is-open{opacity:1;pointer-events:auto}
.clx-qv-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none;z-index:10081}
.clx-qv-modal.is-open{pointer-events:auto}
.clx-qv-modal__dialog{width:min(1080px,100%);max-height:min(92vh,920px);overflow:auto;border-radius:28px;background:linear-gradient(180deg,rgba(8,17,23,.98),rgba(10,18,24,.98));border:1px solid rgba(39,240,138,.16);box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 0 1px rgba(39,240,138,.08);transform:translateY(16px) scale(.98);opacity:0;transition:.24s ease}
.clx-qv-modal.is-open .clx-qv-modal__dialog{transform:translateY(0) scale(1);opacity:1}
.clx-qv-modal__loading,.clx-qv-error{padding:28px;color:#fff}
.clx-qv{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:0;position:relative}
.clx-qv__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(39,240,138,.18);background:#0c151b;color:#effff6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.clx-qv__close:hover{color:#27f08a;border-color:rgba(39,240,138,.35)}
.clx-qv__media{padding:22px;border-right:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at top left,rgba(39,240,138,.06),transparent 28%),linear-gradient(180deg,#071015,#091218)}
.clx-qv__image--main{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#0b1318;min-height:420px;display:flex;align-items:center;justify-content:center}
.clx-qv__image--main img{display:block;width:100%;height:100%;object-fit:cover}
.clx-qv__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.clx-qv__thumb{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#0b1318;min-height:84px;display:flex;align-items:center;justify-content:center}
.clx-qv__thumb img{width:100%;height:100%;object-fit:cover}
.clx-qv__content{padding:28px;display:flex;flex-direction:column;gap:14px}
.clx-qv__title{margin:0;color:#fff;font-size:1.5rem;line-height:1.15;font-weight:800}
.clx-qv__price{font-size:1.2rem;font-weight:800;color:#27f08a}
.clx-qv__desc{color:var(--clx-text-soft);font-size:.93rem;line-height:1.6}
.clx-qv__form{display:grid;gap:12px;margin-top:2px}
.clx-qv-field{display:grid;gap:6px}
.clx-qv-field label{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--clx-text-muted);font-weight:700}
.clx-qv-select,.clx-qv-qty{width:100%;min-height:46px;border-radius:16px;background:#0a1217;border:1px solid rgba(39,240,138,.14);color:#fff;padding:0 14px;outline:none}
.clx-qv-select:focus,.clx-qv-qty:focus{border-color:rgba(39,240,138,.35);box-shadow:0 0 0 3px rgba(39,240,138,.08)}
.clx-qv__qtyrow{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:end}
.clx-qv__meta-note{min-height:46px;border-radius:16px;padding:0 14px;background:rgba(39,240,138,.05);border:1px solid rgba(39,240,138,.12);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dfffee}
.clx-qv__meta-note strong{color:#27f08a;font-size:.9rem}
.clx-qv__meta-note span{font-size:.8rem;color:rgba(239,255,246,.76)}
.clx-qv__feedback{min-height:24px;color:#dfffee;font-size:.9rem;transition:.22s ease;opacity:0;display:flex;align-items:center;gap:12px;margin-top:16px}
.clx-qv__feedback.is-active{opacity:1}
.clx-qv__feedback.is-success{color:#27f08a !important;font-weight:500;letter-spacing:0.02em}
.clx-qv__feedback.is-success::before{content:"";width:10px;height:10px;background:#27f08a;border-radius:50%;display:inline-block;box-shadow:0 0 12px rgba(39,240,138,0.6);flex-shrink:0;margin-right:12px}
.clx-qv__feedback.is-error{color:#ff4d6d !important;font-weight:500;letter-spacing:0.02em}
.clx-qv__feedback.is-error::before{content:"";width:10px;height:10px;background:#ff4d6d;border-radius:50%;display:inline-block;box-shadow:0 0 12px rgba(255,77,109,0.6);flex-shrink:0;margin-right:12px}

.clx-qv__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
html.clx-qv-open,html.clx-cart-drawer-open{overflow:hidden}
@media (max-width: 900px){.clx-qv{grid-template-columns:1fr}.clx-qv__media{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.clx-qv__image--main{min-height:320px}}
@media (max-width: 640px){.clx-qv-modal{padding:10px}.clx-qv-modal__dialog{border-radius:22px;max-height:94vh}.clx-qv__media,.clx-qv__content{padding:16px}.clx-qv__title{font-size:1.18rem}.clx-qv__actions{grid-template-columns:1fr;position:sticky;bottom:0;width:calc(100% + 32px)!important;max-width:none!important;box-sizing:border-box;margin:16px -16px -16px -16px!important;padding:16px;background:rgba(10,18,24,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(39,240,138,.12);z-index:20;border-bottom-left-radius:22px;border-bottom-right-radius:22px;box-shadow:0 -10px 20px rgba(0,0,0,.2)}.clx-qv__qtyrow{grid-template-columns:1fr}.clx-qv__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}



/* =========================================
   CLX CART 2026 — PATCH FINAL DE CONFLITOS V7.4
   ========================================= */
:root{
  --clx-green:#27f08a;
  --clx-green-dark:#16c172;
  --clx-green-deep:#119a59;
  --clx-green-soft:rgba(39,240,138,.12);
  --clx-line:rgba(39,240,138,.18);
  --clx-line-strong:rgba(39,240,138,.34);
  --clx-text:#effff6;
  --clx-bg-btn:#0f171d;
}
.clx-cart-drawer *,
.clx-quick-view *,
.clx-cart-page *{
  --wp--preset--color--vivid-red: transparent;
  --wp--preset--color--luminous-vivid-orange: transparent;
}
.clx-cart-drawer .clx-cart-drawer__close,
.clx-cart-drawer .clx-mini-item__remove,
.clx-cart-drawer .clx-cart-remove,
.clx-quick-view .clx-cart-drawer__close,
.clx-quick-view .clx-mini-item__remove,
.clx-quick-view .clx-cart-remove{
  background:var(--clx-bg-btn) !important;
  color:var(--clx-text) !important;
  border:1px solid var(--clx-line) !important;
  box-shadow:none !important;
  outline:none !important;
}
.clx-cart-drawer .clx-cart-drawer__close:hover,
.clx-cart-drawer .clx-cart-drawer__close:focus,
.clx-cart-drawer .clx-mini-item__remove:hover,
.clx-cart-drawer .clx-mini-item__remove:focus,
.clx-cart-drawer .clx-cart-remove:hover,
.clx-cart-drawer .clx-cart-remove:focus,
.clx-quick-view .clx-cart-drawer__close:hover,
.clx-quick-view .clx-cart-drawer__close:focus,
.clx-quick-view .clx-mini-item__remove:hover,
.clx-quick-view .clx-mini-item__remove:focus,
.clx-quick-view .clx-cart-remove:hover,
.clx-quick-view .clx-cart-remove:focus{
  background:rgba(39,240,138,.08) !important;
  color:var(--clx-green) !important;
  border-color:var(--clx-line-strong) !important;
  box-shadow:0 0 16px rgba(39,240,138,.14) !important;
  outline:none !important;
}
.clx-cart-drawer .clx-cart-drawer__close svg *,
.clx-cart-drawer .clx-mini-item__remove svg *,
.clx-cart-drawer .clx-cart-remove svg *,
.clx-quick-view .clx-cart-drawer__close svg *,
.clx-quick-view .clx-mini-item__remove svg *,
.clx-quick-view .clx-cart-remove svg *{
  stroke:currentColor !important;
  fill:none !important;
}
.clx-cart-drawer .clx-btn--primary,
.clx-quick-view .clx-btn--primary,
.clx-cart-page .clx-btn--primary,
.clx-cart-drawer button.clx-btn--primary,
.clx-quick-view button.clx-btn--primary,
.clx-cart-page button.clx-btn--primary,
.clx-cart-drawer a.clx-btn--primary,
.clx-quick-view a.clx-btn--primary,
.clx-cart-page a.clx-btn--primary{
  background:linear-gradient(135deg,#27f08a 0%,#16c172 100%) !important;
  color:#03120a !important;
  border:1px solid rgba(39,240,138,.22) !important;
  box-shadow:0 10px 24px rgba(39,240,138,.18) !important;
  outline:none !important;
}
.clx-cart-drawer .clx-btn--primary:hover,
.clx-cart-drawer .clx-btn--primary:focus,
.clx-quick-view .clx-btn--primary:hover,
.clx-quick-view .clx-btn--primary:focus,
.clx-cart-page .clx-btn--primary:hover,
.clx-cart-page .clx-btn--primary:focus{
  background:linear-gradient(135deg,#16c172 0%,#119a59 100%) !important;
  color:#03120a !important;
  border-color:rgba(39,240,138,.34) !important;
  box-shadow:0 14px 28px rgba(39,240,138,.22) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
.clx-cart-drawer .clx-btn--primary:disabled,
.clx-cart-drawer .clx-btn--primary.is-disabled,
.clx-cart-drawer .clx-btn--primary[disabled],
.clx-quick-view .clx-btn--primary:disabled,
.clx-quick-view .clx-btn--primary.is-disabled,
.clx-quick-view .clx-btn--primary[disabled],
.clx-cart-page .clx-btn--primary:disabled,
.clx-cart-page .clx-btn--primary.is-disabled,
.clx-cart-page .clx-btn--primary[disabled]{
  background:linear-gradient(135deg,rgba(39,240,138,.18),rgba(22,193,114,.14)) !important;
  color:rgba(239,255,246,.72) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  opacity:1 !important;
  filter:none !important;
}
.clx-cart-drawer .clx-btn--secondary,
.clx-quick-view .clx-btn--secondary,
.clx-cart-page .clx-btn--secondary{
  background:linear-gradient(180deg,#101920,#0a1217) !important;
  color:var(--clx-text) !important;
  border:1px solid rgba(39,240,138,.18) !important;
}
.clx-cart-drawer .clx-btn--secondary:hover,
.clx-cart-drawer .clx-btn--secondary:focus,
.clx-quick-view .clx-btn--secondary:hover,
.clx-quick-view .clx-btn--secondary:focus,
.clx-cart-page .clx-btn--secondary:hover,
.clx-cart-page .clx-btn--secondary:focus{
  background:linear-gradient(180deg,#0f171d,#081117) !important;
  color:var(--clx-green) !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 18px rgba(39,240,138,.10) !important;
}
.clx-quick-view .clx-qv__actions,
.clx-quick-view .clx-quick-view__actions,
.clx-quick-view .clx-cart-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
}
.clx-quick-view .clx-qv__actions > *,
.clx-quick-view .clx-quick-view__actions > *,
.clx-quick-view .clx-cart-actions > *{
  min-width:0 !important;
}
.clx-quick-view .clx-btn,
.clx-quick-view .clx-btn--primary,
.clx-quick-view .clx-btn--secondary{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:.74rem !important;
  letter-spacing:.07em !important;
  padding:.42rem .8rem !important;
}
@media (max-width: 980px){
  .clx-quick-view .clx-qv__actions,
  .clx-quick-view .clx-quick-view__actions,
  .clx-quick-view .clx-cart-actions{
    grid-template-columns:1fr !important;
  }
}
.clx-quick-view .clx-qv__msg,
.clx-quick-view .clx-quick-view__msg{
  color:rgba(239,255,246,.82) !important;
  font-size:.92rem !important;
  margin-top:8px !important;
}
.clx-quick-view button,
.clx-cart-drawer button,
.clx-cart-page button{
  filter:none !important;
}
.clx-quick-view button:focus-visible,
.clx-cart-drawer button:focus-visible,
.clx-cart-page button:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.18) !important;
}




/* =========================================
   CLX CART 2026 — V7.5 FINAL POLISH
   ========================================= */

/* remover / remove button */
.clx-cart-page .clx-remove,
.clx-cart-page .remove,
.clx-cart-page a.remove,
.clx-cart-page button.remove,
.clx-cart-page .clx-cart-remove{
  background: transparent !important;
  color: #27f08a !important;
  border: 1px solid rgba(39,240,138,.25) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.clx-cart-page .clx-remove:hover,
.clx-cart-page .remove:hover,
.clx-cart-page a.remove:hover,
.clx-cart-page button.remove:hover,
.clx-cart-page .clx-cart-remove:hover{
  background: rgba(39,240,138,.08) !important;
  color: #27f08a !important;
  border-color: rgba(39,240,138,.5) !important;
  box-shadow: 0 0 14px rgba(39,240,138,.15) !important;
}

/* selects / native form controls */
.clx-cart-page select,
.clx-cart-page select option,
.clx-cart-page input[type="text"],
.clx-cart-page input[type="search"],
.clx-cart-page input[type="number"]{
  background: #0c141a !important;
  color: #effff6 !important;
}
.clx-cart-page select,
.clx-cart-page input[type="text"],
.clx-cart-page input[type="search"],
.clx-cart-page input[type="number"]{
  border: 1px solid rgba(39,240,138,.20) !important;
  box-shadow: none !important;
}
.clx-cart-page select:focus,
.clx-cart-page input[type="text"]:focus,
.clx-cart-page input[type="search"]:focus,
.clx-cart-page input[type="number"]:focus{
  border-color: #27f08a !important;
  box-shadow: 0 0 0 2px rgba(39,240,138,.15) !important;
  outline: none !important;
}
.clx-cart-page option:checked{
  background: #27f08a !important;
  color: #03120a !important;
}

/* coupon button */
.clx-cart-page .coupon button,
.clx-cart-page #clx-cart-coupon-btn{
  background: linear-gradient(135deg,#101920,#0a1217) !important;
  color: #27f08a !important;
  border: 1px solid rgba(39,240,138,.25) !important;
  border-radius: 999px !important;
}
.clx-cart-page .coupon button:hover,
.clx-cart-page #clx-cart-coupon-btn:hover{
  background: rgba(39,240,138,.08) !important;
  color:#27f08a !important;
  box-shadow: 0 0 16px rgba(39,240,138,.15) !important;
}

/* quantity controls */
.clx-cart-page .quantity input,
.clx-cart-page .clx-qty__input{
  background: #0b1318 !important;
  color: #effff6 !important;
  border: 1px solid rgba(39,240,138,.2) !important;
  text-align: center !important;
}
.clx-cart-page .quantity button,
.clx-cart-page .clx-qty__btn{
  background: #0f171d !important;
  color: #27f08a !important;
  border: 1px solid rgba(39,240,138,.25) !important;
}
.clx-cart-page .quantity button:hover,
.clx-cart-page .clx-qty__btn:hover{
  background: rgba(39,240,138,.08) !important;
  color:#27f08a !important;
}

/* summary polish */
.clx-cart-summary{
  background: linear-gradient(180deg,#081117,#050b0f) !important;
  border: 1px solid rgba(39,240,138,.18) !important;
  box-shadow: inset 0 0 30px rgba(39,240,138,.04), 0 10px 30px rgba(0,0,0,.28) !important;
}
.clx-cart-summary .total,
.clx-cart-summary .clx-summary-row--total strong{
  color: #27f08a !important;
  text-shadow: 0 0 10px rgba(39,240,138,.25);
}

/* optional category cleanup */
.clx-cart-page .product-category--uncategorized,
.clx-cart-page .product-category.sem-categoria{
  display:none !important;
}




/* =========================================
   CLX CART 2026 — V7.7 NIVEL GRINGO
   ========================================= */

/* spacing do botão de frete */
.clx-cart-page #clx-shipping-update,
.clx-cart-page .clx-cart-shipping__submit,
.clx-cart-page .clx-shipping-actions .clx-btn{
  margin-top:16px !important;
}

/* selects fechados mais alinhados ao sistema */
.clx-cart-page select,
.clx-quick-view select,
.clx-cart-drawer select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#0c141a !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.25) !important;
  padding-right:40px !important;
  background-image:url("data:image/svg+xml;utf8,<svg fill='%2327f08a' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  box-shadow:none !important;
}
.clx-cart-page select:focus,
.clx-quick-view select:focus,
.clx-cart-drawer select:focus{
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.15) !important;
  outline:none !important;
}

/* options: melhora o que é possível em controles nativos */
.clx-cart-page select option,
.clx-quick-view select option,
.clx-cart-drawer select option{
  background:#0c141a !important;
  color:#effff6 !important;
}

/* input number mais limpo */
.clx-cart-page input[type=number]::-webkit-inner-spin-button,
.clx-cart-page input[type=number]::-webkit-outer-spin-button,
.clx-quick-view input[type=number]::-webkit-inner-spin-button,
.clx-quick-view input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.clx-cart-page input[type=number],
.clx-quick-view input[type=number]{
  -moz-appearance:textfield;
  background:#0b1318 !important;
  border:1px solid rgba(39,240,138,.25) !important;
  color:#effff6 !important;
  box-shadow:none !important;
}
.clx-cart-page input[type=number]:focus,
.clx-quick-view input[type=number]:focus{
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.12) !important;
  outline:none !important;
}

/* estado inválido do botão do quick view sem magenta agressivo */
.clx-quick-view [data-clx-qv-submit]:disabled,
.clx-quick-view [data-clx-qv-submit].is-disabled{
  background:linear-gradient(135deg,#211017,#12080c) !important;
  color:#ff4d6d !important;
  border:1px solid rgba(255,77,109,.35) !important;
  box-shadow:inset 0 0 10px rgba(255,77,109,.12), 0 0 10px rgba(255,77,109,.08) !important;
  cursor:not-allowed !important;
  opacity:1 !important;
  filter:none !important;
}
.clx-quick-view [data-clx-qv-submit]:disabled:hover,
.clx-quick-view [data-clx-qv-submit].is-disabled:hover{
  background:linear-gradient(135deg,#211017,#12080c) !important;
  color:#ff4d6d !important;
  border:1px solid rgba(255,77,109,.35) !important;
  box-shadow:inset 0 0 10px rgba(255,77,109,.12), 0 0 10px rgba(255,77,109,.08) !important;
  transform:none !important;
}

/* botões do quick view sem estourar */
.clx-quick-view .clx-qv__actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  width:100% !important;
}
.clx-quick-view .clx-qv__actions > *{
  min-width:0 !important;
}
.clx-quick-view .clx-qv__actions .clx-btn{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.74rem !important;
  letter-spacing:.07em !important;
  padding:.42rem .85rem !important;
}
@media (max-width:980px){
  .clx-quick-view .clx-qv__actions{
    grid-template-columns:1fr !important;
  }
}

/* loading state */
.clx-loading{
  position:relative !important;
  pointer-events:none !important;
  opacity:.78 !important;
}
.clx-loading::after{
  content:'' !important;
  width:16px !important;
  height:16px !important;
  border:2px solid rgba(39,240,138,.18) !important;
  border-top-color:#27f08a !important;
  border-radius:50% !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  margin-top:-8px !important;
  animation:clxSpinV77 1s linear infinite !important;
}
@keyframes clxSpinV77{
  to{ transform:rotate(360deg); }
}

/* brilho premium nos primários válidos */
.clx-cart-page .clx-btn--primary,
.clx-cart-drawer .clx-btn--primary,
.clx-quick-view .clx-btn--primary{
  position:relative;
  overflow:hidden;
}
.clx-cart-page .clx-btn--primary::after,
.clx-cart-drawer .clx-btn--primary::after,
.clx-quick-view .clx-btn--primary::after{
  content:'';
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.14), transparent);
  transform:skewX(-22deg);
  transition:left .55s ease;
}
.clx-cart-page .clx-btn--primary:hover::after,
.clx-cart-drawer .clx-btn--primary:hover::after,
.clx-quick-view .clx-btn--primary:hover::after{
  left:140%;
}




/* =========================================
   CLX CART 2026 — V7.8 CHAVE DE OURO
   ========================================= */

/* quick view invalid submit = blocked, not error */
.clx-quick-view [data-clx-qv-submit]:disabled,
.clx-quick-view [data-clx-qv-submit].is-disabled{
  background:#0b1318 !important;
  color:rgba(255,255,255,.35) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}
.clx-quick-view [data-clx-qv-submit]:disabled:hover,
.clx-quick-view [data-clx-qv-submit].is-disabled:hover{
  background:#0b1318 !important;
  color:rgba(255,255,255,.35) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* pix note hierarchy */
.clx-qv__meta-note{
  opacity:.75 !important;
}
.clx-qv__meta-note strong{
  color:#27f08a !important;
  font-weight:600 !important;
}
.clx-qv__meta-note span{
  opacity:.6 !important;
  font-size:.78rem !important;
}

/* feedback spacing and softness */
.clx-qv__feedback,
.clx-quick-view__feedback,
[data-clx-qv-feedback]{
  margin-bottom:10px !important;
  font-size:.78rem !important;
  opacity:.7 !important;
  line-height:1.45 !important;
  min-height:1.2em !important;
}

/* qty field polish */
.clx-qv-qty{
  border-radius:10px !important;
  text-align:center !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}

/* valid button a bit more premium */
.clx-quick-view [data-clx-qv-submit]:not(:disabled):hover{
  box-shadow:0 14px 28px rgba(39,240,138,.24), 0 0 24px rgba(39,240,138,.12) !important;
}




/* =========================================
   CLX CART 2026 — V7.9 QUICK VIEW HARD FIX
   ========================================= */

/* modal containment */
.clx-qv-modal{
  padding:18px !important;
  align-items:center !important;
}
.clx-qv-modal__dialog{
  width:min(1080px, calc(100vw - 36px)) !important;
  max-height:min(88vh, 900px) !important;
  overflow:hidden !important;
  border-radius:28px !important;
}
.clx-qv{
  display:grid !important;
  grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr) !important;
  max-height:min(88vh, 900px) !important;
  overflow:hidden !important;
}
.clx-qv__media{
  min-width:0 !important;
  overflow:hidden !important;
}
.clx-qv__content{
  min-width:0 !important;
  min-height:0 !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  padding-bottom:24px !important;
}
.clx-qv__form,
.clx-qv__actions{
  min-width:0 !important;
}
.clx-qv__actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
}
.clx-qv__actions > *{
  min-width:0 !important;
  max-width:100% !important;
}
.clx-qv__actions .clx-btn{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.74rem !important;
  letter-spacing:.06em !important;
  padding:.42rem .8rem !important;
}
@media (max-width: 980px){
  .clx-qv-modal{
    padding:10px !important;
    align-items:flex-start !important;
  }
  .clx-qv-modal__dialog{
    width:min(100vw - 20px, 1000px) !important;
    max-height:min(92vh, 1200px) !important;
    margin-top:8px !important;
  }
  .clx-qv{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }
  .clx-qv__media{
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
  }
  .clx-qv__content{
    max-height:none !important;
  }
  .clx-qv__actions{
    grid-template-columns:1fr !important;
  }
}

/* close button final override */
.clx-qv .clx-qv__close,
.clx-qv-modal .clx-qv__close,
button.clx-qv__close{
  background:#0f171d !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv__close:hover,
.clx-qv .clx-qv__close:focus,
.clx-qv-modal .clx-qv__close:hover,
.clx-qv-modal .clx-qv__close:focus,
button.clx-qv__close:hover,
button.clx-qv__close:focus{
  background:rgba(39,240,138,.08) !important;
  color:#27f08a !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv__close svg *,
.clx-qv-modal .clx-qv__close svg *,
button.clx-qv__close svg *{
  stroke:currentColor !important;
  fill:none !important;
}

/* disabled CTA final override: blocked neutral */
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled],
.clx-qv [data-clx-qv-submit]:disabled,
.clx-qv [data-clx-qv-submit].is-disabled{
  background:#0b1318 !important;
  color:rgba(255,255,255,.38) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  text-shadow:none !important;
}
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled]::after,
.clx-qv [data-clx-qv-submit]:disabled::after,
.clx-qv [data-clx-qv-submit].is-disabled::after{
  display:none !important;
}
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled]:hover,
.clx-qv [data-clx-qv-submit]:disabled:hover,
.clx-qv [data-clx-qv-submit].is-disabled:hover{
  background:#0b1318 !important;
  color:rgba(255,255,255,.38) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* valid CTA stays green */
.clx-qv .clx-btn--primary[data-clx-qv-submit]:not([disabled]){
  background:linear-gradient(135deg,#27f08a 0%,#16c172 100%) !important;
  color:#03120a !important;
  border:1px solid rgba(39,240,138,.22) !important;
}

/* select/input colors in quick view */
.clx-qv .clx-qv-select,
.clx-qv .clx-qv-qty{
  background:#0c141a !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv-select:focus,
.clx-qv .clx-qv-qty:focus{
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.12) !important;
}




/* =========================================
   CLX CART 2026 — V8 QUICK VIEW RECOVERY
   ========================================= */

/* restore modal scroll */
.clx-qv-modal{
  padding:20px !important;
  align-items:center !important;
}
.clx-qv-modal__dialog{
  width:min(1080px, calc(100vw - 40px)) !important;
  max-height:min(92vh, 920px) !important;
  overflow:auto !important;
  border-radius:28px !important;
}
.clx-qv{
  display:grid !important;
  grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr) !important;
  max-height:none !important;
  overflow:visible !important;
}
.clx-qv__content{
  min-width:0 !important;
  min-height:0 !important;
  overflow:visible !important;
  padding-bottom:28px !important;
}
@media (max-width:980px){
  .clx-qv-modal{
    padding:10px !important;
    align-items:flex-start !important;
  }
  .clx-qv-modal__dialog{
    width:min(100vw - 20px, 1000px) !important;
    max-height:92vh !important;
    margin-top:8px !important;
  }
  .clx-qv{
    grid-template-columns:1fr !important;
  }
}

/* restore close button size and brand pattern */
.clx-qv .clx-qv__close,
.clx-qv-modal .clx-qv__close,
button.clx-qv__close{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border-radius:999px !important;
  background:#0c151b !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv__close:hover,
.clx-qv .clx-qv__close:focus,
.clx-qv-modal .clx-qv__close:hover,
.clx-qv-modal .clx-qv__close:focus,
button.clx-qv__close:hover,
button.clx-qv__close:focus{
  background:rgba(39,240,138,.08) !important;
  color:#27f08a !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv__close svg,
.clx-qv-modal .clx-qv__close svg,
button.clx-qv__close svg{
  width:18px !important;
  height:18px !important;
}

/* keep primary/secondary pattern */
.clx-qv__actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  width:100% !important;
}
.clx-qv__actions > *{
  min-width:0 !important;
  max-width:100% !important;
}
.clx-qv__actions .clx-btn{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
  padding:.42rem .92rem !important;
}
@media (max-width:980px){
  .clx-qv__actions{
    grid-template-columns:1fr !important;
  }
}

/* disabled submit keeps brand, only subdued */
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled],
.clx-qv [data-clx-qv-submit]:disabled,
.clx-qv [data-clx-qv-submit].is-disabled{
  background:linear-gradient(135deg,#27f08a 0%,#16c172 100%) !important;
  color:#03120a !important;
  border:1px solid rgba(39,240,138,.22) !important;
  opacity:.42 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  cursor:not-allowed !important;
}
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled]::after,
.clx-qv [data-clx-qv-submit]:disabled::after,
.clx-qv [data-clx-qv-submit].is-disabled::after{
  display:none !important;
}
.clx-qv .clx-btn--primary[data-clx-qv-submit][disabled]:hover,
.clx-qv [data-clx-qv-submit]:disabled:hover,
.clx-qv [data-clx-qv-submit].is-disabled:hover{
  opacity:.42 !important;
  box-shadow:none !important;
  transform:none !important;
}

/* ensure visible scroll cue on long content */
.clx-qv-modal__dialog::-webkit-scrollbar{
  width:10px;
}
.clx-qv-modal__dialog::-webkit-scrollbar-thumb{
  background:rgba(39,240,138,.18);
  border-radius:999px;
}




/* =========================================
   CLX CART 2026 — V8.1 QUICK VIEW DEFINITIVO
   ========================================= */

/* safe-area / viewport */
.clx-qv-modal{
  padding-top:calc(48px + env(safe-area-inset-top, 0px)) !important;
  padding-right:16px !important;
  padding-left:16px !important;
  padding-bottom:16px !important;
  align-items:flex-start !important;
}
.clx-qv-modal__dialog{
  width:min(1080px, calc(100vw - 32px)) !important;
  max-height:calc(100vh - 64px - env(safe-area-inset-top, 0px)) !important;
  overflow:auto !important;
  margin:0 auto !important;
}
.clx-qv{
  max-height:none !important;
}
.clx-qv__content{
  overflow:visible !important;
}
@media (max-width:980px){
  .clx-qv-modal{
    padding-top:calc(44px + env(safe-area-inset-top, 0px)) !important;
    padding-right:10px !important;
    padding-left:10px !important;
    padding-bottom:10px !important;
  }
  .clx-qv-modal__dialog{
    width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 54px - env(safe-area-inset-top, 0px)) !important;
  }
}

/* custom select */
.clx-qv-attr,
.clx-qv-field,
.clx-qv-select-wrap{
  position:relative;
}
.clx-qv-select{
  position:absolute !important;
  inset:auto !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.clx-qv-custom-select{
  position:relative;
  z-index:2;
}
.clx-qv-custom-trigger{
  width:100%;
  min-height:46px;
  border-radius:16px;
  background:#0c141a;
  border:1px solid rgba(39,240,138,.18);
  color:#effff6;
  padding:0 44px 0 14px;
  display:flex;
  align-items:center;
  cursor:pointer;
  user-select:none;
  transition:.18s ease;
  position:relative;
}
.clx-qv-custom-trigger::after{
  content:'';
  position:absolute;
  right:14px;
  top:50%;
  width:10px;
  height:10px;
  margin-top:-7px;
  border-right:2px solid #27f08a;
  border-bottom:2px solid #27f08a;
  transform:rotate(45deg);
  opacity:.9;
  transition:transform .18s ease, opacity .18s ease;
}
.clx-qv-custom-select.is-open .clx-qv-custom-trigger{
  border-color:#27f08a;
  box-shadow:0 0 0 2px rgba(39,240,138,.10);
}
.clx-qv-custom-select.is-open .clx-qv-custom-trigger::after{
  transform:rotate(225deg);
  margin-top:-2px;
}
.clx-qv-custom-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:linear-gradient(180deg,#0c141a,#091116);
  border:1px solid rgba(39,240,138,.18);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.34);
  overflow:auto;
  max-height:240px;
  z-index:30;
  opacity:0;
  pointer-events:none;
  transform:translateY(-6px);
  transition:.18s ease;
}
.clx-qv-custom-select.is-open .clx-qv-custom-menu{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.clx-qv-custom-option{
  padding:12px 14px;
  color:#effff6;
  cursor:pointer;
  line-height:1.25;
  transition:.14s ease;
}
.clx-qv-custom-option:hover,
.clx-qv-custom-option.is-active{
  background:rgba(39,240,138,.10);
  color:#27f08a;
}
.clx-qv-custom-option.is-selected{
  color:#27f08a;
  font-weight:700;
}

/* qty custom */
.clx-qv-qty{
  -moz-appearance:textfield;
  appearance:textfield;
  padding-right:14px !important;
}
.clx-qv-qty::-webkit-outer-spin-button,
.clx-qv-qty::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.clx-qv-field--qty .clx-qv-qty{
  min-height:46px;
}

/* keep actions contained */
.clx-qv__actions .clx-btn{
  min-height:46px;
}




/* =========================================
   CLX CART 2026 — V8.2 FINAL PATCH
   ========================================= */

/* reset de estados inválidos para evitar rosa do Woo */
.clx-cart *,
.clx-quickview *,
.clx-qv *,
.clx-qv-modal *{
  --wc-error-color: transparent !important;
}
.clx-cart .woocommerce-invalid input,
.clx-cart .woocommerce-invalid select,
.clx-quickview .woocommerce-invalid select,
.clx-qv .woocommerce-invalid select,
.clx-qv .woocommerce-invalid input{
  border-color: rgba(39,240,138,.25) !important;
  box-shadow: 0 0 0 1px rgba(39,240,138,.15) !important;
  background: rgba(0,0,0,.20) !important;
}

/* quick view: scroll real e sem estouro */
.clx-qv-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:10081 !important;
  overflow:hidden !important;
}
.clx-qv-modal__dialog{
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.clx-qv,
.clx-qv__content,
.clx-qv__form{
  max-width:100% !important;
  box-sizing:border-box !important;
}
.clx-qv *{
  max-width:100%;
  box-sizing:border-box;
}

/* botões mantendo padrão primário/secundário */
.clx-qv__actions .clx-btn,
.clx-qv__actions .clx-qve__cta,
.clx-qv__actions [data-clx-qv-submit],
.clx-qv__actions a{
  min-height:48px !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.clx-qv__actions .clx-btn--primary,
.clx-qv__actions .clx-qve__cta--primary,
.clx-qv__actions [data-clx-qv-submit]{
  background: linear-gradient(135deg,#27f08a 0%,#16c172 100%) !important;
  color:#03120a !important;
  box-shadow:0 0 18px rgba(39,240,138,.25) !important;
  border:1px solid rgba(39,240,138,.22) !important;
}
.clx-qv__actions .clx-btn--primary:hover,
.clx-qv__actions .clx-qve__cta--primary:hover,
.clx-qv__actions [data-clx-qv-submit]:hover:not([disabled]){
  transform:translateY(-1px) !important;
  box-shadow:0 0 26px rgba(39,240,138,.45) !important;
}
.clx-qv__actions .clx-btn--secondary,
.clx-qv__actions .clx-qve__cta--secondary{
  background:rgba(0,0,0,.30) !important;
  border:1px solid rgba(39,240,138,.35) !important;
  color:#27f08a !important;
}
.clx-qv__actions .clx-btn--secondary:hover,
.clx-qv__actions .clx-qve__cta--secondary:hover{
  border-color:#27f08a !important;
  box-shadow:0 0 16px rgba(39,240,138,.25) !important;
}

/* disabled sem descaracterizar */
.clx-qv__actions [data-clx-qv-submit][disabled],
.clx-qv__actions .clx-btn--primary[disabled]{
  opacity:.42 !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:not-allowed !important;
}

/* close button premium restaurado */
.clx-qv .clx-qv__close,
.clx-qv-modal .clx-qv__close,
button.clx-qv__close{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(39,240,138,.25) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  color:#27f08a !important;
  background:rgba(0,0,0,.35) !important;
  backdrop-filter:blur(6px) !important;
}
.clx-qv .clx-qv__close:hover,
.clx-qv-modal .clx-qv__close:hover,
button.clx-qv__close:hover{
  background:rgba(39,240,138,.10) !important;
  box-shadow:0 0 14px rgba(39,240,138,.35) !important;
}
.clx-qv .clx-qv__close svg,
.clx-qv-modal .clx-qv__close svg,
button.clx-qv__close svg{
  width:18px !important;
  height:18px !important;
}

/* selects no padrão Cobraleds */
.clx-qv-select,
.clx-select,
.clx-qv__select-trigger,
.clx-qv .clx-qve__select-trigger{
  background:rgba(0,0,0,.25) !important;
  border:1px solid rgba(39,240,138,.20) !important;
  color:#d6fbe9 !important;
}
.clx-qv__select-trigger:hover,
.clx-qv__select-trigger:focus,
.clx-select:hover,
.clx-select:focus{
  border-color:#27f08a !important;
  box-shadow:0 0 0 1px rgba(39,240,138,.20) !important;
}
.clx-qv__select-menu,
.clx-qv .clx-qve__select-menu{
  background:#050b0d !important;
  border:1px solid rgba(39,240,138,.18) !important;
}
.clx-qv__option,
.clx-qv .clx-qve__option{
  color:#d6fbe9 !important;
}
.clx-qv__option:hover,
.clx-qv__option.is-selected,
.clx-qv .clx-qve__option:hover,
.clx-qv .clx-qve__option.is-selected{
  background:rgba(39,240,138,.12) !important;
  color:#27f08a !important;
}

/* quantidade ajuste fino */
.clx-qty input,
.clx-qv-qty,
.clx-qv .clx-qve__qty{
  height:40px !important;
  text-align:center !important;
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(39,240,138,.25) !important;
  border-radius:10px !important;
  color:#fff !important;
}




/* =========================================
   CLX CART 2026 — V8.3 QUICK VIEW FINAL FIX
   ========================================= */

/* 1) matar qualquer rosa/magenta residual nos selects custom */
.clx-qv .clx-qve__select,
.clx-qv .clx-qve__select-trigger,
.clx-qv .clx-qve__select-trigger:hover,
.clx-qv .clx-qve__select-trigger:focus,
.clx-qv .clx-qve__select-trigger:active,
.clx-qv .clx-qve__select.is-open .clx-qve__select-trigger,
.clx-qv .clx-qve__select.is-open .clx-qve__select-trigger:hover,
.clx-qv .clx-qve__select.is-open .clx-qve__select-trigger:focus,
.clx-qv .clx-qve__select.is-open .clx-qve__select-trigger:active{
  background:#0c141a !important;
  background-image:none !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

.clx-qv .clx-qve__select.is-open .clx-qve__select-trigger{
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.10) !important;
}

.clx-qv .clx-qve__select-trigger::before{
  content:none !important;
}

/* fallback contra classes de invalidação do Woo/Elementor */
.clx-qv .woocommerce-invalid .clx-qve__select-trigger,
.clx-qv .is-invalid .clx-qve__select-trigger,
.clx-qv .validate-required .clx-qve__select-trigger,
.clx-qv .validate-required.woocommerce-invalid .clx-qve__select-trigger{
  background:#0c141a !important;
  border-color:rgba(39,240,138,.18) !important;
  box-shadow:none !important;
  color:#effff6 !important;
}

/* menu do select mantendo DS Cobra */
.clx-qv .clx-qve__select-menu{
  background:linear-gradient(180deg,#0c141a,#091116) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  border-radius:16px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34) !important;
}
.clx-qv .clx-qve__option{
  background:transparent !important;
  color:#effff6 !important;
}
.clx-qv .clx-qve__option:hover,
.clx-qv .clx-qve__option.is-active,
.clx-qv .clx-qve__option.is-selected{
  background:rgba(39,240,138,.10) !important;
  color:#27f08a !important;
}

/* 2) quantidade com botoes - / + no padrão do carrinho */
.clx-qv .clx-qve__field--qty{
  min-width:0 !important;
}
.clx-qv .clx-qve__qtyrow{
  align-items:end !important;
}
.clx-qv .clx-qve__qtybox{
  display:grid !important;
  grid-template-columns:42px minmax(72px,1fr) 42px !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}
.clx-qv .clx-qve__qtybtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.18) !important;
  background:#0f171d !important;
  color:#27f08a !important;
  box-shadow:none !important;
  font-size:22px !important;
  line-height:1 !important;
  padding:0 !important;
  cursor:pointer !important;
}
.clx-qv .clx-qve__qtybtn:hover{
  background:rgba(39,240,138,.08) !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qve__qty{
  width:100% !important;
  min-width:72px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 10px !important;
  text-align:center !important;
  border-radius:10px !important;
  background:#0c141a !important;
  border:1px solid rgba(39,240,138,.18) !important;
  color:#effff6 !important;
}

/* 3) X no mesmo padrão do carrinho */
.clx-qv .clx-qv__close,
.clx-qv-modal .clx-qv__close,
button.clx-qv__close{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.25) !important;
  background:#0f171d !important;
  color:#effff6 !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv__close:hover,
.clx-qv-modal .clx-qv__close:hover,
button.clx-qv__close:hover{
  background:rgba(39,240,138,.08) !important;
  color:#27f08a !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv__close svg,
.clx-qv-modal .clx-qv__close svg,
button.clx-qv__close svg{
  width:18px !important;
  height:18px !important;
}

/* 4) garante espaço para o X e evita corte no topo */
.clx-qv .clx-qv__content{
  padding-top:34px !important;
}




/* =========================================
   CLX CART 2026 — V8.4 QUICK VIEW FINAL
   ========================================= */

/* X no padrão do carrinho */
.clx-qv .clx-qv__close,
.clx-qv-modal .clx-qv__close,
button.clx-qv__close{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.25) !important;
  background:#0f171d !important;
  color:#effff6 !important;
  box-shadow:none !important;
  top:16px !important;
  right:16px !important;
}
.clx-qv .clx-qv__close:hover,
.clx-qv-modal .clx-qv__close:hover,
button.clx-qv__close:hover{
  background:rgba(39,240,138,.08) !important;
  color:#27f08a !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv__close svg,
.clx-qv-modal .clx-qv__close svg,
button.clx-qv__close svg{
  width:18px !important;
  height:18px !important;
}

/* reset total dos custom selects para matar qualquer rosa */
.clx-qv .clx-qv-custom-select,
.clx-qv .clx-qv-custom-trigger,
.clx-qv .clx-qv-custom-trigger:hover,
.clx-qv .clx-qv-custom-trigger:focus,
.clx-qv .clx-qv-custom-trigger:focus-visible,
.clx-qv .clx-qv-custom-trigger:active,
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger,
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger:hover,
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger:focus,
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger:active{
  background:#0c141a !important;
  background-image:none !important;
  color:#effff6 !important;
  border:1px solid rgba(39,240,138,.18) !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger{
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.10) !important;
}
.clx-qv .clx-qv-custom-trigger::before{
  content:none !important;
}
.clx-qv .clx-qv-custom-menu{
  background:linear-gradient(180deg,#0c141a,#091116) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  border-radius:16px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34) !important;
}
.clx-qv .clx-qv-custom-option{
  background:transparent !important;
  color:#effff6 !important;
}
.clx-qv .clx-qv-custom-option:hover,
.clx-qv .clx-qv-custom-option.is-active,
.clx-qv .clx-qv-custom-option.is-selected{
  background:rgba(39,240,138,.10) !important;
  color:#27f08a !important;
}
.clx-qv .woocommerce-invalid .clx-qv-custom-trigger,
.clx-qv .is-invalid .clx-qv-custom-trigger{
  background:#0c141a !important;
  border-color:rgba(39,240,138,.18) !important;
  box-shadow:none !important;
  color:#effff6 !important;
}

/* quantidade no mesmo padrão do carrinho */
.clx-qv .clx-qv-field--qty{
  min-width:0 !important;
}
.clx-qv .clx-qv__qtybox{
  display:grid !important;
  grid-template-columns:42px minmax(72px,1fr) 42px !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}
.clx-qv .clx-qv-qtybtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.18) !important;
  background:#0f171d !important;
  color:#27f08a !important;
  font-size:22px !important;
  line-height:1 !important;
  padding:0 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv-qtybtn:hover{
  background:rgba(39,240,138,.08) !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv-qty{
  width:100% !important;
  min-width:72px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 10px !important;
  text-align:center !important;
  border-radius:10px !important;
  background:#0c141a !important;
  border:1px solid rgba(39,240,138,.18) !important;
  color:#effff6 !important;
  -moz-appearance:textfield !important;
  appearance:textfield !important;
}
.clx-qv .clx-qv-qty::-webkit-outer-spin-button,
.clx-qv .clx-qv-qty::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}
.clx-qv .clx-qv__qtyrow{
  align-items:end !important;
}




/* =========================================
   CLX CART 2026 — V8.7 QUICK VIEW REAL FIX
   ========================================= */

/* esconder o select nativo de verdade */
.clx-qv select.clx-qv-select{
  display:none !important;
  position:absolute !important;
  left:-99999px !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

/* somente o custom select novo */
.clx-qv .clx-qv-custom-select{
  display:block !important;
  position:relative !important;
  width:100% !important;
}

/* normal: sem fundo */
.clx-qv .clx-qv-custom-trigger{
  width:100% !important;
  min-height:46px !important;
  padding:0 44px 0 14px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  text-align:left !important;
  color:#effff6 !important;
  background:transparent !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:none !important;
  outline:none !important;
  transition:.18s ease !important;
}

/* hover: com fundo */
.clx-qv .clx-qv-custom-trigger:hover,
.clx-qv .clx-qv-custom-trigger:focus,
.clx-qv .clx-qv-custom-trigger:focus-visible{
  background:rgba(39,240,138,.05) !important;
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.10) !important;
}

/* aberto/ativo: com fundo */
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger{
  background:rgba(39,240,138,.08) !important;
  border-color:#27f08a !important;
  box-shadow:0 0 0 2px rgba(39,240,138,.10) !important;
}

.clx-qv .clx-qv-custom-trigger::after{
  content:'' !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  width:10px !important;
  height:10px !important;
  margin-top:-7px !important;
  border-right:2px solid #27f08a !important;
  border-bottom:2px solid #27f08a !important;
  transform:rotate(45deg) !important;
  opacity:.9 !important;
  transition:transform .18s ease !important;
}
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-trigger::after{
  transform:rotate(225deg) !important;
  margin-top:-2px !important;
}

.clx-qv .clx-qv-custom-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:40 !important;
  background:linear-gradient(180deg,#0c141a,#091116) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  border-radius:16px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34) !important;
  overflow:auto !important;
  max-height:240px !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(-6px) !important;
  transition:.18s ease !important;
}
.clx-qv .clx-qv-custom-select.is-open .clx-qv-custom-menu{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
.clx-qv .clx-qv-custom-option{
  display:block !important;
  width:100% !important;
  padding:12px 14px !important;
  background:transparent !important;
  color:#effff6 !important;
  border:0 !important;
  text-align:left !important;
}
.clx-qv .clx-qv-custom-option:hover,
.clx-qv .clx-qv-custom-option.is-selected{
  background:rgba(39,240,138,.10) !important;
  color:#27f08a !important;
}

/* quantidade funcional e no padrão do carrinho */
.clx-qv .clx-qv__qtybox{
  display:grid !important;
  grid-template-columns:42px minmax(72px,1fr) 42px !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}
.clx-qv .clx-qv-qtybtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.18) !important;
  background:#0f171d !important;
  color:#27f08a !important;
  font-size:22px !important;
  line-height:1 !important;
  padding:0 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.clx-qv .clx-qv-qtybtn:hover{
  background:rgba(39,240,138,.08) !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 16px rgba(39,240,138,.12) !important;
}
.clx-qv .clx-qv-qty{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  min-width:72px !important;
  text-align:center !important;
  border-radius:10px !important;
  background:#0c141a !important;
  border:1px solid rgba(39,240,138,.18) !important;
  color:#effff6 !important;
  padding:0 10px !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}
.clx-qv .clx-qv-qty::-webkit-outer-spin-button,
.clx-qv .clx-qv-qty::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}



/* ===== QUICK VIEW FINAL FIX 8.7.3 ===== */
.clx-qv-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}
.clx-qv-field{position:relative}
.clx-qv-field > .clx-qv-custom-select + .clx-qv-custom-select{display:none !important}
.clx-qv-custom-select{position:relative;width:100%}
.clx-qv-custom-trigger{
  width:100%;min-height:46px;border-radius:16px;
  background:transparent !important;
  border:1px solid rgba(39,240,138,.14) !important;
  color:#fff !important;padding:0 44px 0 14px !important;
  text-align:left;position:relative;
}
.clx-qv-custom-trigger:hover,
.clx-qv-custom-select.is-open .clx-qv-custom-trigger{
  background:#0a1217 !important;
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 0 3px rgba(39,240,138,.08) !important;
}
.clx-qv-custom-trigger::after{
  content:'';position:absolute;right:16px;top:50%;width:9px;height:9px;
  border-right:2px solid #27f08a;border-bottom:2px solid #27f08a;
  transform:translateY(-65%) rotate(45deg);transition:transform .18s ease;
}
.clx-qv-custom-select.is-open .clx-qv-custom-trigger::after{transform:translateY(-35%) rotate(-135deg)}
.clx-qv-custom-menu{
  display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;
  padding:8px;border-radius:16px;background:rgba(10,18,23,.98);
  border:1px solid rgba(39,240,138,.16);box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.clx-qv-custom-select.is-open .clx-qv-custom-menu{display:block}
.clx-qv-custom-option{
  display:flex;width:100%;min-height:40px;align-items:center;border-radius:10px;
  background:transparent;border:0;color:#effff6;padding:0 12px;text-align:left;
}
.clx-qv-custom-option:hover,.clx-qv-custom-option.is-selected{background:rgba(39,240,138,.1);color:#27f08a}
.clx-qv-custom-option.is-placeholder{opacity:.82}
.clx-qv__qtybox{display:grid;grid-template-columns:42px minmax(0,72px) 42px;gap:8px;align-items:center}
.clx-qv-qtybtn{
  width:42px;height:42px;border-radius:999px;border:1px solid rgba(39,240,138,.18);
  background:rgba(255,255,255,.03);color:#27f08a;font-size:24px;line-height:1;cursor:pointer;
}
.clx-qv-qtybtn:hover{background:rgba(39,240,138,.1);border-color:rgba(39,240,138,.34)}
.clx-qv-qty{text-align:center !important;padding:0 8px !important}
.clx-qv-qty::-webkit-outer-spin-button,.clx-qv-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.clx-qv-qty[type=number]{-moz-appearance:textfield}


/* qv ux states */
.clx-qv .clx-qv-qty[disabled],
.clx-qv .clx-qv-qty:disabled{
  opacity:.72;
}
.clx-qv .clx-qv-qtybtn.is-disabled,
.clx-qv .clx-qv-qtybtn[disabled]{
  opacity:.45;
  pointer-events:none !important;
}


/* QUICK VIEW • RESPIRO BLOCO QUANTIDADE */
.clx-qv__qtyrow{
  row-gap:14px !important;
  column-gap:16px !important;
}

.clx-qv__qtycol,
.clx-qv__qtybox{
  display:grid;
  gap:18px;
}

.clx-qv__qtycontrols,
.clx-qv__qtywrap{
  margin-bottom:18px !important;
}

.clx-qv .clx-qv-qtyrow,
.clx-qv .clx-qv__qtyrow{
  margin-bottom:4px !important;
}

.clx-qv .clx-qv-qty,
.clx-qv .clx-qv-qtybtn{
  position:relative;
}

.clx-qv [data-clx-qv-feedback]{
  display:block !important;
  margin-top:12px !important;
  line-height:1.45 !important;
}

.clx-qv__meta-note{
  margin-left:0 !important;
}

.clx-qv__qtybox{
  margin-right:2px !important;
}

@media (max-width:640px){
  .clx-qv [data-clx-qv-feedback]{
    margin-top:10px !important;
  }
}


/* === CLX Cart 2026 Modular Suite v1.1.1 overrides === */
:root{
  --clx-close-size-sm:38px;
  --clx-field-radius:16px;
  --clx-field-min-h:44px;
  --clx-gap-1:8px;
  --clx-gap-2:12px;
  --clx-gap-3:16px;
}
.clx-btn-close,
.clx-cart-drawer__close,
.clx-qv__close{
  width:var(--clx-close-size-sm)!important;
  height:var(--clx-close-size-sm)!important;
  min-width:var(--clx-close-size-sm)!important;
  min-height:var(--clx-close-size-sm)!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(39,240,138,.24)!important;
  background:linear-gradient(180deg,rgba(10,18,23,.96),rgba(7,13,18,.98))!important;
  color:#dffdf0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 0 0 1px rgba(39,240,138,.05) inset,0 8px 20px rgba(0,0,0,.24)!important;
}
.clx-btn-close:hover,
.clx-cart-drawer__close:hover,
.clx-qv__close:hover{border-color:rgba(39,240,138,.42)!important;box-shadow:0 0 16px rgba(39,240,138,.12),0 8px 20px rgba(0,0,0,.28)!important;color:#effff6!important}
.clx-btn-close svg,
.clx-cart-drawer__close svg,
.clx-qv__close svg{width:12px!important;height:12px!important;display:block}
.clx-btn-close svg *,
.clx-cart-drawer__close svg *,
.clx-qv__close svg *{stroke:currentColor!important;stroke-width:1.9!important}

/* remover produto = lixeirinha verde, sem bolinha */
.clx-cart-remove,
.clx-mini-item__remove,
.clx-cart-page .clx-cart-remove{
  appearance:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-width:auto!important;
  min-height:auto!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  color:#27f08a!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.clx-cart-remove:hover,
.clx-mini-item__remove:hover,
.clx-cart-page .clx-cart-remove:hover{color:#6ff8b1!important;transform:none!important}
.clx-cart-remove svg,
.clx-mini-item__remove svg,
.clx-cart-page .clx-cart-remove svg{width:18px!important;height:18px!important;display:block}
.clx-cart-remove svg *,
.clx-mini-item__remove svg *,
.clx-cart-page .clx-cart-remove svg *{stroke:currentColor!important}

/* campos e selects arredondados no mesmo padrão */
.clx-field input,
.clx-field select,
.clx-cart-coupon__row input,
.clx-cart-page input,
.clx-cart-page select,
.clx-cart-drawer input,
.clx-cart-drawer select,
.clx-qv input,
.clx-qv select,
.clx-qv .clx-qv-custom-trigger{
  border-radius:var(--clx-field-radius)!important;
}
.clx-shipping-grid,
.clx-cart-coupon__row,
.clx-qv__qtyrow{gap:var(--clx-gap-3)!important}
.clx-qv__qtyrow{align-items:end!important}
.clx-qv__meta-note{margin-left:0!important}

/* quantidade unificada */
.clx-qty,
.clx-qv__qtybox{display:flex!important;align-items:center!important;gap:10px!important}
.clx-qty__btn,
.clx-qv-qtybtn{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  border-radius:999px!important;border:1px solid rgba(39,240,138,.20)!important;
  background:#0a1217!important;color:#27f08a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:none!important;padding:0!important;font-size:24px!important;line-height:1!important;
}
.clx-qty__btn:hover,.clx-qv-qtybtn:hover{border-color:rgba(39,240,138,.38)!important;background:#0d171d!important}
.clx-qty__input,.clx-qv-qty{
  min-height:40px!important;height:40px!important;border-radius:14px!important;background:#0a1217!important;border:1px solid rgba(39,240,138,.16)!important;color:#fff!important;padding:0 14px!important;text-align:center!important;
}


/* === CLX Cart 2026 Modular Suite v1.1.2 drawer trash hard-apply === */
.clx-cart-drawer .clx-mini-item__remove{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important;min-width:auto!important;min-height:auto!important;color:#27f08a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.clx-cart-drawer .clx-mini-item__remove:hover,.clx-cart-drawer .clx-mini-item__remove:focus{color:#6ff8b1!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.clx-cart-drawer .clx-mini-item__remove svg{display:block!important;width:18px!important;height:18px!important}
.clx-cart-drawer .clx-mini-item__remove svg *{stroke:currentColor!important}

/* === CLX Cart 2026 Modular Suite v1.1.3 drawer remove icon only === */
.clx-cart-drawer .clx-mini-item__remove{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-image:none!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#27f08a!important;line-height:1!important;transform:none!important}
.clx-cart-drawer .clx-mini-item__remove:hover,.clx-cart-drawer .clx-mini-item__remove:focus,.clx-cart-drawer .clx-mini-item__remove:active{background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;color:#6ff8b1!important;transform:none!important}
.clx-cart-drawer .clx-mini-item__remove::before,.clx-cart-drawer .clx-mini-item__remove::after{display:none!important;content:none!important}
.clx-cart-drawer .clx-mini-item__remove svg{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
.clx-cart-drawer .clx-mini-item__remove svg *{stroke:currentColor!important;fill:none!important}

/* v1.1.4 • drawer remove hover glow */
.clx-cart-drawer .clx-mini-item__remove{transition:color .18s ease,opacity .18s ease,filter .18s ease!important}
.clx-cart-drawer .clx-mini-item__remove:hover,.clx-cart-drawer .clx-mini-item__remove:focus,.clx-cart-drawer .clx-mini-item__remove:active{color:#7dffc0!important;filter:drop-shadow(0 0 10px rgba(39,240,138,.22))!important}
.clx-cart-drawer .clx-mini-item__remove:hover svg,.clx-cart-drawer .clx-mini-item__remove:focus svg,.clx-cart-drawer .clx-mini-item__remove:active svg{filter:drop-shadow(0 0 10px rgba(39,240,138,.28))!important}

/* compatibility reset for woo loading on card actions */
.clx-card-action--cart.loading::after,
.clx-card-action--cart.added::after{
  right:50% !important;
  margin-right:-8px !important;
}
.clx-card-action--cart.is-added .clx-card-action__icon,
.clx-card-action--cart.added .clx-card-action__icon{
  opacity:1 !important;
}


/* CLX 1.1.6 • drawer compact qty */
.clx-mini-item__content{display:flex;flex-direction:column;gap:8px}
.clx-mini-item__controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.clx-mini-item__controls .clx-mini-item__remove{flex:0 0 auto}
.clx-qty--mini{grid-template-columns:28px minmax(40px,46px) 28px;gap:6px;align-items:center;flex:0 0 auto}
.clx-qty--mini .clx-qty__btn{min-height:28px;width:28px;height:28px;padding:0;font-size:14px;line-height:1;border-radius:999px;background:linear-gradient(180deg,#101c24,#091117);border:1px solid rgba(39,240,138,.16);box-shadow:none}
.clx-qty--mini .clx-qty__input{min-height:28px;height:28px;padding:0 4px;border-radius:10px;font-size:14px;font-weight:700;background:#091117;border:1px solid rgba(39,240,138,.15)}
.clx-mini-item__meta{opacity:.92}
@media (max-width:767px){
  .clx-mini-item__controls{gap:8px}
  .clx-qty--mini{grid-template-columns:26px minmax(38px,42px) 26px;gap:5px}
  .clx-qty--mini .clx-qty__btn{min-height:26px;width:26px;height:26px;font-size:13px}
  .clx-qty--mini .clx-qty__input{min-height:26px;height:26px;font-size:13px}
}

.clx-cart-drawer .clx-qty{grid-template-columns:30px minmax(42px,52px) 30px !important;gap:6px !important;}
.clx-cart-drawer .clx-qty__btn{width:30px !important;min-width:30px !important;min-height:30px !important;height:30px !important;font-size:.98rem !important;}
.clx-cart-drawer .clx-qty__input{min-height:30px !important;height:30px !important;padding:0 4px !important;font-size:.92rem !important;-moz-appearance:textfield !important;appearance:textfield !important;}
.clx-cart-drawer .clx-qty__input::-webkit-outer-spin-button,.clx-cart-drawer .clx-qty__input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}


/* mini cart coupon */
.clx-mini-coupon{margin-top:14px}
.clx-mini-coupon__label{display:block;margin:0 0 8px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.clx-mini-coupon__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.clx-mini-coupon__input{min-height:44px!important;height:44px!important;border-radius:16px!important;background:#0a1217!important;border:1px solid rgba(39,240,138,.14)!important;color:#fff!important;padding:0 16px!important;outline:none!important;width:100%!important}
.clx-mini-coupon__input:focus{border-color:rgba(39,240,138,.35)!important;box-shadow:0 0 0 3px rgba(39,240,138,.08)!important}
.clx-mini-coupon__btn{min-height:44px!important;padding:0 18px!important;white-space:nowrap}
.clx-mini-coupon__feedback{margin-top:8px;min-height:18px;color:rgba(255,255,255,.72);font-size:.84rem;line-height:1.35}
@media (max-width:767px){.clx-mini-coupon__row{grid-template-columns:1fr}.clx-mini-coupon__btn{width:100%}}

.clx-mini-coupon__feedback{word-break:break-word}

@media (max-width:767px){.clx-payment-estimate{padding:12px !important;border-radius:16px !important}.clx-payment-estimate__label{margin-bottom:8px !important;font-size:.7rem !important}.clx-payment-estimate strong{font-size:1rem !important}.clx-payment-estimate span{font-size:.82rem !important}}

/* v1.1.22 • sidebar shipping spacing micro-adjust */
.clx-cart-page .clx-cart-sidebar .clx-cart-shipping{
  margin-top:18px!important;
  margin-bottom:18px!important;
}
.clx-cart-page .clx-cart-sidebar .clx-shipping-form{
  display:grid!important;
  gap:14px!important;
}
.clx-cart-page .clx-cart-sidebar .clx-field-row--2{
  row-gap:14px!important;
  column-gap:12px!important;
}
.clx-cart-page .clx-cart-sidebar .clx-field{
  display:grid!important;
  gap:8px!important;
}
.clx-cart-page .clx-cart-sidebar .clx-field label{
  margin:0!important;
}
.clx-cart-page .clx-cart-sidebar .clx-shipping-rates{
  margin-top:16px!important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-summary__actions{
  margin-top:8px!important;
}

/* ===== QUICK VIEW MICRO FIX 1.1.23 ===== */
.clx-qv select.clx-qv-select{
  display:none !important;
  visibility:hidden !important;
}
.clx-qv .clx-qv-custom-select,
.clx-qv .clx-qv-custom-trigger{
  border-radius:16px !important;
}


/* === CLX Cart Core 2026 v1.1.24 quick view qty/meta gap === */
.clx-qv__qtyrow{column-gap:16px!important;gap:16px!important;align-items:end!important}
.clx-qv__meta-note{margin-left:6px!important}
@media (max-width:640px){.clx-qv__qtyrow{gap:12px!important}.clx-qv__meta-note{margin-left:0!important}}

/* v1.1.26 • cart shipping selects use quick-view custom style */
.clx-cart-page .clx-cart-sidebar .clx-cart-native-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}
.clx-cart-page .clx-cart-sidebar .clx-field{position:relative !important;}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select{width:100%;}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger{
  width:100% !important;
  min-height:44px !important;
  border-radius:16px !important;
  background:#0a1217 !important;
  border:1px solid rgba(39,240,138,.14) !important;
  color:#fff !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:hover,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select.is-open .clx-qv-custom-trigger,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:focus,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:focus-visible{
  border-color:rgba(39,240,138,.35) !important;
  box-shadow:0 0 0 3px rgba(39,240,138,.08) !important;
  background:#0a1217 !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-menu{
  z-index:40 !important;
  border-radius:16px !important;
  background:#0b1318 !important;
  border:1px solid rgba(39,240,138,.16) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.42) !important;
  max-height:280px !important;
  overflow:auto !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option{
  color:#f2fff8 !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option:hover,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option.is-selected{
  background:rgba(39,240,138,.10) !important;
  color:#27f08a !important;
}


/* v1.1.27 • cart shipping dropdowns in dark/neon custom style */
.clx-cart-page .clx-cart-sidebar .clx-field{position:relative !important;}
.clx-cart-page .clx-cart-sidebar select.clx-cart-native-select{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select{
  position:relative !important;
  width:100% !important;
  display:block !important;
  z-index:5;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(10,18,23,.98), rgba(8,15,20,.98)) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01) !important;
  color:#f4fff9 !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger::after{
  border-color:#27f08a !important;
  right:16px !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:hover,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:focus,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-trigger:focus-visible,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select.is-open .clx-qv-custom-trigger{
  background:linear-gradient(180deg, rgba(10,18,23,.99), rgba(8,15,20,.99)) !important;
  border-color:rgba(39,240,138,.34) !important;
  box-shadow:0 0 0 3px rgba(39,240,138,.08), 0 10px 24px rgba(0,0,0,.20) !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-menu{
  top:calc(100% + 8px) !important;
  padding:8px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(11,19,24,.98), rgba(8,14,19,.98)) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.44) !important;
  max-height:280px !important;
  overflow:auto !important;
  z-index:60 !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option{
  min-height:40px !important;
  border-radius:12px !important;
  color:#f3fff8 !important;
}
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option:hover,
.clx-cart-page .clx-cart-sidebar .clx-cart-custom-select .clx-qv-custom-option.is-selected{
  background:rgba(39,240,138,.12) !important;
  color:#27f08a !important;
}


/* v1.1.29 • quick view dropdown above next fields */
.clx-qv-attr,
.clx-qv-field,
.clx-qv-select-wrap,
.clx-qv__attrs,
.clx-qv__summary{
  overflow:visible !important;
}
.clx-qv .clx-qv-custom-select{z-index:2 !important;}
.clx-qv .clx-qv-custom-select.is-open{z-index:120 !important;}
.clx-qv .clx-qv-custom-menu{z-index:121 !important;}

/* ═══════════════════════════════════════════════════════════════════════════
   Pills UI for Variations (Ported from Single Product Plugin)
   ═══════════════════════════════════════════════════════════════════════════ */

.clx-visually-hidden {
    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;
    opacity: 0 !important;
    pointer-events: none !important;
}

.clx-pills-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.clx-pill {
    appearance: none;
    background: rgba(39, 240, 138, 0.05);
    border: 1.5px solid rgba(39, 240, 138, 0.2);
    border-radius: 999px;
    color: var(--clx-green);
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    min-height: 36px;
    padding: 8px 16px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.clx-pill:hover {
    background: rgba(39, 240, 138, 0.12);
    border-color: rgba(39, 240, 138, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(39, 240, 138, 0.15);
}

.clx-pill.is-selected {
    background: var(--clx-green);
    border-color: var(--clx-green);
    color: #03120a;
    box-shadow: 0 4px 14px rgba(39, 240, 138, 0.35);
}

.clx-qv-field.has-selection label {
    color: var(--clx-green);
    text-shadow: 0 0 10px rgba(39, 240, 138, 0.2);
}

.clx-pill.is-highlighted {
    transition: none !important;
    animation: clxPillSelectionGlow 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    z-index: 1;
}

@keyframes clxPillSelectionGlow {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(39, 240, 138, 0);
    }
    40% {
        transform: scale(1.08);
        box-shadow:
            0 0 40px rgba(39, 240, 138, 0.85),
            0 0 80px rgba(39, 240, 138, 0.5),
            inset 0 0 20px rgba(255, 255, 255, 0.45);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(39, 240, 138, 0.45);
    }
}

/* Fix para impedir que os botões do carrinho e drawer estourem a largura devido ao box-sizing content-box */
.clx-cart-page .clx-btn,
.clx-cart-drawer .clx-btn,
.clx-quick-view .clx-btn {
    box-sizing: border-box !important;
}

/* Custom overrides to hide theme header and footer on Cart page */
body.clx-cart-no-theme-chrome header#masthead,
body.clx-cart-no-theme-chrome footer#colophon,
body.clx-cart-no-theme-chrome .site-header,
body.clx-cart-no-theme-chrome .site-footer,
body.clx-cart-no-theme-chrome .elementor-location-header,
body.clx-cart-no-theme-chrome .elementor-location-footer,
body.clx-cart-no-theme-chrome .hfe-header,
body.clx-cart-no-theme-chrome .hfe-footer,
body.clx-cart-no-theme-chrome .mfn-header,
body.clx-cart-no-theme-chrome .mfn-footer,
body.clx-cart-no-theme-chrome #Header,
body.clx-cart-no-theme-chrome #Footer,
body.clx-cart-no-theme-chrome .header_wrapper,
body.clx-cart-no-theme-chrome .footer_wrapper,
body.clx-cart-no-theme-chrome .clx-header,
body.clx-cart-no-theme-chrome .clx-footer,
body.clx-cart-no-theme-chrome .clx-tbt3-wrap,
body.clx-cart-no-theme-chrome .clx-sb-marquee,
body.clx-cart-no-theme-chrome .cl-fullbleed,
body.clx-cart-no-theme-chrome .cl-ticker {
  display: none !important;
}


/* =========================================
   CLX TOAST NOTIFICATION SYSTEM
   ========================================= */

#clx-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
  max-width: 400px;
  width: calc(100vw - 48px);
}

.clx-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(6, 14, 19, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
  color: #effff6;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: .9rem;
  line-height: 1.45;
  opacity: 0;
  transform: translateX(24px);
  transition: opacity .28s ease, transform .28s cubic-bezier(.22,.8,.36,1), box-shadow .22s ease;
  will-change: opacity, transform;
  position: relative;
  overflow: hidden;
}

.clx-toast.clx-toast--show {
  opacity: 1;
  transform: translateX(0);
}

.clx-toast.clx-toast--hide {
  opacity: 0;
  transform: translateX(24px);
}

/* Barra de progresso de auto-dismiss */
.clx-toast::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  transform-origin: left;
  border-radius: 0 0 18px 18px;
  animation: clx-toast-progress 5s linear forwards;
}

.clx-toast--error {
  border-color: rgba(239, 68, 68, 0.35);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(239, 68, 68, 0.12), 0 0 30px rgba(239, 68, 68, 0.08);
}
.clx-toast--error::before {
  background: linear-gradient(90deg, #ef4444, #f87171);
}

.clx-toast--success {
  border-color: rgba(39, 240, 138, 0.35);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(39, 240, 138, 0.12), 0 0 30px rgba(39, 240, 138, 0.08);
}
.clx-toast--success::before {
  background: linear-gradient(90deg, #27f08a, #16c172);
}

.clx-toast__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clx-toast--error .clx-toast__icon {
  background: rgba(239, 68, 68, 0.14);
}
.clx-toast--error .clx-toast__icon svg {
  color: #ef4444;
}

.clx-toast--success .clx-toast__icon {
  background: rgba(39, 240, 138, 0.12);
}
.clx-toast--success .clx-toast__icon svg {
  color: #27f08a;
}

.clx-toast__body {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}

.clx-toast__title {
  font-weight: 700;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.clx-toast--error .clx-toast__title { color: #ef4444; }
.clx-toast--success .clx-toast__title { color: #27f08a; }

.clx-toast__msg {
  color: rgba(239, 255, 246, 0.78);
  font-size: .88rem;
  line-height: 1.5;
}

.clx-toast__close {
  flex-shrink: 0;
  appearance: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(239, 255, 246, 0.45);
  border-radius: 999px;
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color .18s, color .18s, background .18s;
  padding: 0;
  margin-top: 2px;
}
.clx-toast__close:hover {
  border-color: rgba(255, 255, 255, 0.28);
  color: rgba(239, 255, 246, 0.85);
  background: rgba(255, 255, 255, 0.06);
}

@keyframes clx-toast-progress {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}

@media (max-width: 600px) {
  #clx-toast-container {
    bottom: 16px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
  }
  .clx-toast {
    transform: translateY(20px);
  }
  .clx-toast.clx-toast--show {
    transform: translateY(0);
  }
  .clx-toast.clx-toast--hide {
    transform: translateY(20px);
  }
}


/* ──────────────────────────────────────────────────────────────
   Secure Header & Footer (CLX isolated elements)
────────────────────────────────────────────────────────────── */
body.clx-cart-secure {
  --clx-line: rgba(255, 255, 255, 0.08);
  --clx-line-strong: rgba(255, 255, 255, 0.15);
  --clx-green: #27f08a;
  --clx-text: #ffffff;
  --clx-text-soft: rgba(255, 255, 255, 0.7);
}

body.clx-cart-secure .clx-cart-page {
  padding-top: 86px !important;
  padding-bottom: 96px !important;
}

.clx-secure-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  min-height: 62px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(1, 7, 9, 0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--clx-line);
  box-sizing: border-box;
}

.clx-secure-header * {
  box-sizing: border-box;
}

.clx-secure-header__left,
.clx-secure-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.clx-secure-header__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--clx-line-strong);
  border-radius: 999px;
  background: rgba(5, 18, 12, 0.72);
  color: var(--clx-green);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.clx-secure-header__badge svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.clx-secure-header__store,
.clx-secure-user-menu summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--clx-line);
  border-radius: 999px;
  background: rgba(7, 17, 24, 0.85);
  color: var(--clx-text);
  font-weight: 700;
  text-decoration: none;
  font-size: 0.86rem;
  transition: all 0.2s ease;
}

.clx-secure-header__store:hover,
.clx-secure-user-menu summary:hover {
  border-color: var(--clx-green);
  color: var(--clx-green);
}

.clx-secure-header__google-mobile {
  display: none;
}

.clx-secure-header__google-mobile img {
  display: block;
  width: auto;
  height: 26px;
}

.clx-secure-user-menu {
  position: relative;
}

.clx-secure-user-menu summary {
  list-style: none;
  cursor: pointer;
}

.clx-secure-user-menu summary::-webkit-details-marker {
  display: none;
}

.clx-secure-user-menu__panel {
  position: absolute;
  top: 46px;
  right: 0;
  min-width: 180px;
  padding: 8px;
  border: 1px solid var(--clx-line);
  border-radius: 16px;
  background: #071015;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  z-index: 10001;
}

.clx-secure-user-menu__panel a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--clx-text-soft);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.86rem;
  transition: all 0.2s ease;
  text-align: left;
}

.clx-secure-user-menu__panel a:hover {
  background: rgba(39, 240, 138, 0.08);
  color: var(--clx-text);
}

.clx-secure-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 10px 16px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
  border-top: 1px solid var(--clx-line);
  background: rgba(1, 7, 9, 0.94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-sizing: border-box;
}

.clx-secure-footer * {
  box-sizing: border-box;
}

.clx-secure-footer__meta-links,
.clx-secure-footer__seals {
  display: flex;
  align-items: center;
}

.clx-secure-footer__meta-links {
  gap: 18px;
  min-width: 0;
}

.clx-secure-footer__meta-links a {
  color: rgba(39, 240, 138, 0.78);
  font-size: 0.86rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.clx-secure-footer__meta-links a:hover {
  color: #27f08a;
}

.clx-secure-footer__seals {
  gap: 14px;
  margin-left: auto;
  flex-wrap: nowrap;
}

.clx-secure-footer__seals img {
  display: block;
  width: auto;
  height: 42px;
}

@media (max-width: 991px) {
  body.clx-cart-secure .clx-cart-page {
    padding-bottom: 56px !important;
  }

  .clx-secure-footer,
  .clx-secure-header__badge {
    display: none !important;
  }

  .clx-secure-header__google-mobile {
    display: inline-flex !important;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .clx-secure-header {
    min-height: 56px !important;
    padding: 10px 12px !important;
  }

  .clx-secure-header__store,
  .clx-secure-user-menu summary {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.8rem;
  }
}

@media (max-width: 420px) {
  .clx-secure-header {
    padding: 8px 10px !important;
  }
}