/* Plexido — selector and comparison panel for LED lamp bases. */
body#product .product-variants.plexido-base-choice {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 18px 0 16px !important;
  padding: 18px !important;
  border: 1px solid #d6e7e3 !important;
  border-radius: 16px !important;
  background: #f8fcfb !important;
  box-shadow: 0 8px 24px rgba(7, 59, 85, .06) !important;
}
body#product .product-variants.plexido-base-choice .product-variants-item { display:block!important; width:100%!important; }
body#product .product-variants.plexido-base-choice .control-label {
  display:block!important; margin:0 0 12px!important; color:#073b55!important;
  font-size:20px!important; font-weight:800!important; line-height:1.25!important;
}
body#product .product-variants.plexido-base-choice .control-label > span:first-child { display:none!important; }
body#product .product-variants.plexido-base-choice ul#group_3 {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important; width:100%!important; margin:0!important; padding:0!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 > li {
  display:block!important; float:none!important; width:auto!important; min-width:0!important;
  margin:0!important; padding:0!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 > li > label {
  display:block!important; width:100%!important; height:100%!important;
  margin:0!important; padding:0!important; cursor:pointer!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 .input-color {
  position:absolute!important; width:1px!important; height:1px!important;
  overflow:hidden!important; opacity:0!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 .texture-wrapper {
  display:grid!important; grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important;
  min-height:86px!important; box-sizing:border-box!important; margin:0!important; padding:7px!important;
  border:2px solid #dce8e4!important; border-radius:12px!important; background:#fff!important;
  box-shadow:0 4px 14px rgba(18,73,62,.06)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 label:hover .texture-wrapper,
body#product .product-variants.plexido-base-choice ul#group_3 label:focus-within .texture-wrapper {
  border-color:#76b7a7!important; box-shadow:0 8px 20px rgba(18,73,62,.1)!important;
  transform:translateY(-1px)!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 .input-color:checked + .texture-wrapper {
  border-color:#1c927a!important; background:#f1faf7!important;
  box-shadow:0 0 0 2px rgba(28,146,122,.12)!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 .texture-wrapper .texture {
  display:block!important; width:72px!important; height:72px!important; margin:0!important; padding:0!important;
  border:0!important; border-radius:9px!important; background-color:#f6f8f7!important;
  background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important;
}
body#product .product-variants.plexido-base-choice ul#group_3 .attribute-name {
  display:block!important; min-width:0!important; color:#213d38!important; font-size:13px!important;
  font-weight:700!important; line-height:1.3!important; white-space:normal!important;
}
body#product .plexido-base-guide { margin-top:12px!important; }
body#product .plexido-base-guide__intro {
  margin:0 0 14px!important; color:#526b73!important; font-size:14px!important; line-height:1.45!important;
}
body#product .plexido-base-guide__toggle {
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important;
  min-height:44px!important; padding:10px 16px!important; border:0!important; border-radius:10px!important;
  background:#073b55!important; color:#fff!important; font-size:14px!important; font-weight:800!important;
  line-height:1.2!important; cursor:pointer!important;
}
body#product .plexido-base-guide__toggle:focus-visible { outline:3px solid rgba(28,146,122,.32)!important; outline-offset:3px!important; }
body#product .plexido-base-guide__toggle-icon {
  width:8px!important; height:8px!important; border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important; transform:rotate(45deg) translateY(-2px)!important;
}
body#product .plexido-base-guide__toggle[aria-expanded="true"] .plexido-base-guide__toggle-icon { transform:rotate(225deg) translate(-2px,-2px)!important; }
body#product .plexido-base-guide__panel {
  display:grid!important; grid-template-columns:210px minmax(0,1fr)!important; align-items:center!important;
  gap:20px!important; margin-top:12px!important; padding:16px!important; border:1px solid #cfe4df!important;
  border-radius:14px!important; background:#fff!important;
}
body#product .plexido-base-guide__panel[hidden] { display:none!important; }
body#product .plexido-base-guide__visual {
  display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important;
  aspect-ratio:1/1!important; border-radius:12px!important; background:#f4f7f6!important;
}
body#product .plexido-base-guide__image { display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; }
body#product .plexido-base-guide__heading {
  display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px 10px!important; margin-bottom:8px!important;
}
body#product .plexido-base-guide__name { color:#073b55!important; font-size:18px!important; line-height:1.25!important; }
body#product .plexido-base-guide__price {
  padding:4px 9px!important; border-radius:999px!important; background:#e7f6f2!important;
  color:#087c66!important; font-size:12px!important; font-weight:800!important;
}
body#product .plexido-base-guide__description { margin:0 0 10px!important; color:#334e5a!important; font-size:14px!important; line-height:1.55!important; }
body#product .plexido-base-guide__copy small { display:block!important; color:#6a7f86!important; font-size:12px!important; line-height:1.4!important; }

@media (max-width:767px) {
  body#product .product-variants.plexido-base-choice { margin:14px 0!important; padding:14px!important; border-radius:14px!important; }
  body#product .product-variants.plexido-base-choice .control-label { font-size:18px!important; }
  body#product .product-variants.plexido-base-choice ul#group_3 { grid-template-columns:1fr!important; }
  body#product .product-variants.plexido-base-choice ul#group_3 .texture-wrapper { grid-template-columns:64px minmax(0,1fr)!important; min-height:78px!important; }
  body#product .product-variants.plexido-base-choice ul#group_3 .texture-wrapper .texture { width:64px!important; height:64px!important; }
  body#product .plexido-base-guide__toggle { width:100%!important; }
  body#product .plexido-base-guide__panel {
    grid-template-columns:104px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important;
    align-items:start!important; gap:12px 14px!important; padding:12px!important;
  }
  body#product .plexido-base-guide__visual { grid-column:1!important; grid-row:1!important; width:104px!important; align-self:start!important; }
  body#product .plexido-base-guide__copy { display:contents!important; }
  body#product .plexido-base-guide__heading { grid-column:2!important; grid-row:1!important; align-self:center!important; margin:0!important; }
  body#product .plexido-base-guide__description { grid-column:1/-1!important; grid-row:2!important; margin:0!important; }
  body#product .plexido-base-guide__copy small { grid-column:1/-1!important; grid-row:3!important; }
  body#product .plexido-base-guide__name { font-size:16px!important; }
}