.wcl-box{border-radius:12px;background:#f7f8fb;padding:20px;} .wcl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .wcl-row{margin-bottom:12px} .wcl-qty{display:flex;gap:8px;align-items:center} .wcl-price{font-weight:700;font-size:20px;margin-top:8px} .wcl-sub{font-size:12px;color:#666} .wcl-btn{margin-top:16px} .wcl-eyes{display:flex;gap:24px;margin-bottom:8px} .wcl-eyes label{display:flex;gap:6px;align-items:center} .wcl-type{margin:8px 0 16px} .wcl-two{display:grid;grid-template-columns:1fr 1fr;gap:24px} .wcl-col h4{margin:0 0 6px} .wcl-col .wcl-row label{display:block;font-weight:600;margin-bottom:4px} .wcl-col select{width:100%} .wcl-kaina-btn{width:100%}

/* *********************  ADWEB.LT  ****************************
*          © 2025 adweb.lt  |  Author: adweb.lt                 *
*****************************************************************/
 
:root{
  --wcl-ink:#0b1220;
  --wcl-muted:#000;
  --wcl-border:#e5e7eb;
  --wcl-bg:#fff;
  --wcl-bg-soft:#f7f8fb;
  --wcl-r:14px;
  --gap:14px;
  --fz:16px; --fz-sm:13.5px; --fz-lg:18px; --fz-xl:22px;
  --shadow:0 8px 24px rgba(17,24,39,.06);
  --wcl-label-col:160px;
}

.wcl-box{
  width: 100%;
  background:var(--wcl-bg);
  border:1px solid var(--wcl-border);
  border-radius:var(--wcl-r);
  padding:22px;
  box-shadow:var(--shadow);
  font-size:var(--fz);
  color:var(--wcl-ink);
}
.woocommerce div.product div.summary form.cart{
  margin-top: 0px; padding-top: 0px; border-top: unset;
}
.wcl-row,
.wcl-row-eyes{
  display:grid;
  grid-template-columns: var(--wcl-label-col) 1fr 1fr;
  column-gap:var(--gap);
  align-items:center;
}
.wcl-label{ font-weight:700; color:var(--wcl-muted); }

.wcl-pill{ display: inline-flex ; align-items: center; gap: 8px; cursor: pointer; user-select: none; font-size: 14px; }
.wcl-pill input{ width:18px; height:18px; }

.wcl-fields{ display:block; }
select{height:unset;}
.wcl-matrix{ display:grid; row-gap:var(--gap); }
.wcl-cell select{
  width:100%; background:#fff; color:var(--wcl-ink);
  border:1.5px solid var(--wcl-border); border-radius:12px;
  padding:6px 14px; font-size:var(--fz);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wcl-cell select:hover{ border-color:#cfd5df; }
.wcl-cell select:focus{ border-color:#9ab6ff; box-shadow:0 0 0 4px rgba(15,98,254,.12); outline:none; }

.wcl-prices{
  display:grid;
  grid-template-columns: var(--wcl-label-col) 1fr 1fr;
  gap:var(--gap);
  margin-top:12px;
}
.wcl-price-col{ border:1px dashed var(--wcl-border); border-radius:12px; padding:12px; display:flex; flex-direction:column; }
.wcl-price-col.wcl-col-left  { grid-column: 2; }
.wcl-price-col.wcl-col-right { grid-column: 3; }
.wcl-price{ font-size:var(--fz-xl); font-weight:900; }
.wcl-sub{ font-size:var(--fz-sm); color:var(--wcl-muted); }

.wcl-cta-outside{width:100%; }
.wcl-cta-outside button{width:100%!important;}

.wcl-box:has(#wcl_eye_left:not(:checked))  .wcl-fields .wcl-col-left,
.wcl-box:has(#wcl_eye_left:not(:checked))  .wcl-fields .wcl-price-col.wcl-col-left{
  opacity:.45; filter:grayscale(.2); pointer-events:none;
}
.wcl-box:has(#wcl_eye_right:not(:checked)) .wcl-fields .wcl-col-right,
.wcl-box:has(#wcl_eye_right:not(:checked)) .wcl-fields .wcl-price-col.wcl-col-right{
  opacity:.45; filter:grayscale(.2); pointer-events:none;
}