/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/


/* 1s1d compact group list rows */
.compact-product-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 86px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: rgb(var(--cl-card)) !important;
  color: rgb(var(--cl-t-primary)) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.compact-product-row:hover {
  border-color: rgba(var(--cl-accent), .55) !important;
  background: rgba(255,255,255,.025) !important;
}
.compact-product-thumb {
  width: 128px !important;
  height: 72px !important;
  flex: 0 0 128px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding: 4px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.025) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgb(var(--cl-accent)) !important;
}
.compact-product-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.compact-product-thumb svg {
  width: 30px !important;
  height: 30px !important;
}
.compact-product-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.compact-product-row:hover .compact-product-name {
  color: rgb(var(--cl-accent)) !important;
}
.compact-product-stock {
  flex: 0 0 74px !important;
  max-width: 74px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: rgba(255,255,255,.62) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.compact-product-price {
  flex: 0 0 124px !important;
  max-width: 124px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: rgb(var(--cl-accent)) !important;
  font-weight: 900 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.compact-product-buy {
  flex: 0 0 96px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  border: 1px solid rgb(var(--cl-accent)) !important;
  color: rgb(var(--cl-accent)) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.compact-product-row:hover .compact-product-buy {
  background: rgba(var(--cl-accent), .10) !important;
}
@media (max-width: 640px) {
  .compact-product-row {
    gap: 10px !important;
    min-height: 74px !important;
    padding: 9px 10px !important;
  }
  .compact-product-thumb {
    width: 92px !important;
    height: 52px !important;
    flex: 0 0 92px !important;
  }
  .compact-product-name {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  .compact-product-price {
    display: none !important;
  }
  .compact-product-stock {
    display: inline-flex !important;
    flex: 0 0 58px !important;
    max-width: 58px !important;
    font-size: 10px !important;
    justify-content: center !important;
  }
  .compact-product-buy {
    flex: 0 0 54px !important;
    height: 32px !important;
    font-size: 11px !important;
  }
}

/* extra breathing room between products inside group popups */
.compact-product-row:not(:last-child) {
  margin-bottom: 18px !important;
}

/* 1s1d universal search spacing + clean placeholder */
.universal-search-shell {
  margin-top: 28px !important;
}
.us-box > div:first-child {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}



/* 1s1d tighter group modal */
@media (min-width: 1024px) {
  .compact-product-row {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* final polish: contained search + calculator width */
.universal-search-shell,
.calc-shell {
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.us-results {
  padding: .85rem !important;
}
.us-row {
  width: 100% !important;
  margin-bottom: .9rem !important;
  background: rgba(255,255,255,.025) !important;
}
.us-row:last-child {
  margin-bottom: 0 !important;
}
.us-thumb {
  width: 7.5rem !important;
  height: 4.21875rem !important;
  flex-basis: 7.5rem !important;
}
.us-thumb img {
  object-fit: contain !important;
}
@media (max-width: 640px) {
  .us-thumb {
    width: 5.8rem !important;
    height: 3.2625rem !important;
    flex-basis: 5.8rem !important;
  }
}


/* 1s1d final width tune: keep search + calculator wide but contained */
.universal-search-shell,
.calc-shell {
  max-width: 72rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  .universal-search-shell,
  .calc-shell {
    max-width: calc(100vw - 2rem) !important;
  }
}


/* Final width tweak */
.universal-search-shell,
.calc-shell{
  width:70% !important;
  max-width:70% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 768px){
  .universal-search-shell,
  .calc-shell{
    width:95% !important;
    max-width:95% !important;
  }
}