/*
 * Lumihome landing page runtime overrides.
 * This file is loaded with a filemtime-based ?v= query in index.php.
 */
@media (min-width:1000px){
  .lh-container .alt-carousel{
    left:calc(50% - 12px);
    transform:translateX(-50%);
  }
}

/* Reviews: align the score block and review carousel with Lumihome. */
@media (min-width:1000px){
  .reviews-strip{
    padding:52px 0 14px;
  }

  .reviews-inner{
    width:1180px;
    max-width:calc(100% - 80px);
  }

  .reviews-flex{
    gap:40px;
  }

  .rv-score{
    flex:0 0 250px;
    padding-top:4px;
  }

  .rv-score .num{
    font-size:36px;
  }

  .rv-score .num span{
    font-size:20px;
  }

  .rv-score .rv-sq{
    gap:4px;
    margin-top:10px;
  }

  .rv-score .rv-sq i{
    width:25px;
    height:25px;
    font-size:18px;
  }

  .rv-score .av-logo{
    gap:8px;
    margin-top:12px;
    color:#111;
    font-size:17px;
    line-height:.95;
  }

  .rv-score .av-logo-mark{
    width:38px;
    height:38px;
  }

  .rv-score small{
    margin-top:8px;
    color:#222;
    font-size:15px;
    line-height:1.35;
  }

  .rv-score .see-all{
    margin-top:6px;
    color:#111;
    font-size:15.5px;
    line-height:1.2;
  }

  .rv-card{
    flex-basis:230px;
    min-height:240px;
    padding:22px;
  }

  .rv-card .rv-sq{
    gap:2px;
  }

  .rv-card .rv-sq i{
    width:20px;
    height:20px;
    font-size:14px;
  }

  .rv-card .rv-head b{
    font-size:17px;
  }

  .rv-card .rv-head b span{
    font-size:13px;
  }

  .rv-card p{
    margin:18px 0;
    font-size:15px;
    line-height:1.45;
  }

  .rv-card small{
    font-size:13px;
    line-height:1.45;
  }

  .rv-arrow{
    top:50%;
  }

  .rv-arrow--prev{
    left:274px;
  }

  .rv-arrow--next{
    right:-30px;
  }
}

/* Phone product cards: keep the title and price visually grouped. */
@media (max-width:749px){
  .kit-slot .kit-product{
    height:210px;
  }
}

/* Bundly controls the bundle quantities: show an informative fixed quantity,
   without interactive minus/plus controls. */
.kit-fixed-qty{
  position:relative;
  z-index:13;
  height:27px;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--lh-green);
  border-radius:15px;
  background:#f2faf4;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  color:var(--lh-green);
  font-size:9px;
  font-weight:800;
  line-height:1;
}

.kit-fixed-qty>span{
  padding:0 7px;
}

.kit-fixed-qty>strong{
  height:100%;
  min-width:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 7px;
  background:var(--lh-green);
  color:#fff;
  font-size:11.5px;
}

.kit-voltage{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  padding:1px 4px;
  border-radius:5px;
  background:var(--lh-green);
  color:#fff;
  font-size:.78em;
  font-weight:800;
  line-height:1.25;
  vertical-align:1px;
  white-space:nowrap;
}

.kit-choice b{
  white-space:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* Desktop replacement menu opens over the scene image so it is visible
   immediately after clicking the swap icon. */
@media (min-width:1000px){
  .kit-card--config .kit-picker{
    top:auto;
    bottom:calc(100% + 10px);
    transform:translate(var(--picker-x),5px);
  }

  .kit-card--config .kit-picker::before{
    top:auto;
    bottom:-11px;
  }

  .kit-card--config .kit-product:hover~.kit-picker,
  .kit-card--config .kit-picker:hover,
  .kit-card--config .kit-picker:focus-within,
  .kit-card--config .kit-slot.is-open .kit-picker{
    transform:translate(var(--picker-x),0);
  }
}

/*
 * Compact desktop / 13-inch MacBook:
 * keep the products on the first row and the price/CTA on a second row.
 * The regular wide-desktop layout is intentionally preserved from 1600px upward.
 */
@media (min-width:1000px) and (max-width:1599px){
  .lh-container .kit-card--config .kit-buy{
    width:100%;
    max-width:100%;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px 22px;
    padding:18px 22px 20px;
  }

  .lh-container .kit-card--config .kit-products,
  .lh-container .kit-card--config .kit-buy.few .kit-products,
  .lh-container .kit-card--config .kit-buy.many .kit-products{
    width:100%;
    max-width:100%;
    min-width:0;
    flex:1 1 100%;
    justify-content:center;
    overflow:visible;
  }

  .lh-container .kit-card--config .kit-total{
    width:100%;
    max-width:100%;
    flex:1 1 100%;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding-top:0;
  }

  .lh-container .kit-card--config .kit-total .box-before,
  .lh-container .kit-card--config .kit-total .box-after,
  .lh-container .kit-card--config .kit-total .btn-green{
    margin-top:0;
    margin-left:0;
  }
}

@media (max-width:999px){
  .kit-fixed-qty{
    height:30px;
    border-radius:16px;
    font-size:10px;
  }

  .kit-fixed-qty>strong{
    min-width:34px;
    font-size:12px;
  }
}