/* LikeUp Quick Order v0.3.6 — homepage MINI layout only.
   Six platform buttons share one row. Standard /quick-order/ remains unchanged. */
.luq.luq--mini {
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  margin:0 auto 12px!important;padding:21px 25px 19px!important;
  border-radius:19px!important;font-size:14px;line-height:1.45;
}
.luq.luq--mini * {box-sizing:border-box}
.luq.luq--mini .luq-heading {
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin:0 0 14px!important;
}
.luq.luq--mini .luq-heading > div {
  display:grid;grid-template-columns:max-content minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:12px;row-gap:3px;
  align-items:end;min-width:0;flex:1 1 auto;
}
.luq.luq--mini .luq-heading small {
  display:block!important;grid-column:1/-1;
  color:#aebfff;font-size:10px!important;font-weight:750;
  line-height:1.2;letter-spacing:.09em;
}
.luq.luq--mini .luq-heading h2 {
  grid-column:1;grid-row:2;
  margin:0!important;font-size:21px!important;line-height:1.3!important;
}
.luq.luq--mini .luq-heading p {
  display:block!important;grid-column:2;grid-row:2;align-self:center;
  margin:0!important;color:#c0cbe0;font-size:10.5px!important;
  line-height:1.3;white-space:nowrap;
}
.luq.luq--mini .luq-progress {padding:5px 9px;font-size:12px}
.luq.luq--mini .luq-main {gap:8px!important}
.luq.luq--mini .luq-step {border-radius:11px}
.luq.luq--mini .luq-step-head {
  width:100%;min-height:45px!important;margin:0!important;
  padding:10px 12px!important;gap:9px;
  font-size:13.5px!important;line-height:1.35!important;
}
.luq.luq--mini .luq-step-head b {
  display:flex;align-items:center;justify-content:center;
  flex:0 0 25px;width:25px;height:25px;font-size:11px;
}
.luq.luq--mini .luq-step-head::after {
  flex:0 0 7px;width:7px;height:7px;margin-left:8px;margin-right:3px;
}
.luq.luq--mini .luq-val {
  font-size:12px;max-width:45%;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.luq.luq--mini .luq-panel {padding:2px 17px 14px!important}
.luq.luq--mini [data-picks="platform"] {
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;align-items:stretch;width:100%;min-width:0;
}
.luq.luq--mini [data-picks="platform"] .luq-pill {
  display:flex!important;align-items:center;justify-content:center;
  flex:none!important;width:100%!important;min-width:0!important;
  max-width:100%!important;min-height:39px!important;
  margin:0!important;padding:9px 1px!important;border-radius:8px!important;
  font-size:11.5px!important;line-height:1.25!important;font-weight:700!important;
  letter-spacing:-.055em;white-space:nowrap!important;
  text-align:center;overflow:hidden;text-overflow:clip;
}
.luq.luq--mini [data-picks="service"],
.luq.luq--mini [data-picks="country"] {
  display:flex!important;flex-wrap:wrap;gap:7px!important;
}
.luq.luq--mini [data-picks="service"] .luq-pill,
.luq.luq--mini [data-picks="country"] .luq-pill {
  flex:0 1 auto;min-height:38px!important;
  margin:0!important;padding:9px 12px!important;border-radius:8px!important;
  font-size:12px!important;line-height:1.25!important;
}
.luq.luq--mini .luq-model {margin-top:11px}
.luq.luq--mini .luq-model label {font-size:12px}
.luq.luq--mini .luq-model select {
  max-width:100%;margin:5px 0 0!important;
  height:42px!important;font-size:13px;
}
.luq.luq--mini .luq-qty .variations td {padding:5px 4px}
.luq.luq--mini .luq-qty select,
.luq.luq--mini .luq-qty input {min-height:40px!important;font-size:13px}
.luq.luq--mini .luq-hint {
  margin:0 0 9px;font-size:12px;line-height:1.5;
}
.luq.luq--mini .luq-form-holder form.cart {gap:9px}
.luq.luq--mini .luq-url-guide {
  margin:0 0 10px;padding:10px 12px;gap:5px;
}
.luq.luq--mini .luq-url-guide-label,
.luq.luq--mini .luq-url-rule {font-size:12px}
.luq.luq--mini .luq-url-example {
  font-size:12px;line-height:1.45;overflow-wrap:anywhere;
}
.luq.luq--mini .luq-checkout {
  margin-top:14px!important;padding-top:14px!important;gap:10px!important;
}
.luq.luq--mini .luq-checkout-row {
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:10px!important;
  min-width:0;width:100%;
}
.luq.luq--mini .luq-summary {
  display:flex;flex-direction:column;gap:4px;
  min-width:0;width:100%;line-height:1.4;
}
.luq.luq--mini .luq-summary-title {font-size:12px}
.luq.luq--mini .luq-summary-service {
  font-size:13.5px;line-height:1.35;overflow-wrap:anywhere;
}
.luq.luq--mini .luq-summary-detail {
  font-size:11.5px;line-height:1.5;overflow-wrap:anywhere;
}
.luq.luq--mini .luq-price-block {
  display:flex!important;flex-direction:row;align-items:baseline;
  justify-content:space-between;gap:10px;
  padding:10px 0 0;margin:0;width:100%;min-width:0;
  border-top:1px solid #35415a;text-align:right;
}
.luq.luq--mini .luq-price-label {flex:0 0 auto;font-size:12px;white-space:nowrap}
.luq.luq--mini .luq-price {
  flex:1 1 auto;min-width:0;max-width:100%;
  font-size:15px;line-height:1.4;min-height:0;
  margin:0!important;text-align:right;overflow-wrap:anywhere;
}
.luq.luq--mini .luq-price .price {font-size:inherit;line-height:inherit}
@media(min-width:768px) {
  .luq.luq--mini.luq--pc-navy .luq-price,
  .luq.luq--mini.luq--pc-navy .luq-price *,
  .luq.luq--mini.luq--pc-navy .luq-price .woocommerce-Price-amount,
  .luq.luq--mini.luq--pc-navy .luq-price .woocommerce-Price-currencySymbol {
    color:#fff!important;
  }
}
@media(max-width:767px) {
  .luq.luq--mini.luq--mobile-navy .luq-price,
  .luq.luq--mini.luq--mobile-navy .luq-price *,
  .luq.luq--mini.luq--mobile-navy .luq-price .woocommerce-Price-amount,
  .luq.luq--mini.luq--mobile-navy .luq-price .woocommerce-Price-currencySymbol {
    color:#fff!important;
  }
}
.luq.luq--mini .luq-buy {
  display:block;width:100%;min-height:46px!important;
  padding:11px 14px!important;border-radius:9px!important;
  font-size:14px!important;line-height:1.35!important;
}
.luq.luq--mini .luq-detail {font-size:12px}
.luq.luq--mini .luq-message {font-size:12px}
.luq.luq--mini .wapf-field-container {margin-bottom:8px}
@media(max-width:849px) {
  .luq.luq--mini {padding:18px 19px 17px!important}
  .luq.luq--mini [data-picks="platform"] {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;
  }
  .luq.luq--mini [data-picks="platform"] .luq-pill {
    font-size:clamp(8.5px,2.15vw,11.5px)!important;
    padding:8px 0!important;min-height:37px!important;
  }
}
@media(max-width:480px) {
  .luq.luq--mini {padding:16px 15px!important}
  .luq.luq--mini .luq-heading h2 {font-size:20px!important}
  .luq.luq--mini .luq-panel {padding:2px 11px 12px!important}
  .luq.luq--mini [data-picks="platform"] {gap:3px!important}
  .luq.luq--mini [data-picks="platform"] .luq-pill {
    font-size:clamp(8px,2.35vw,10px)!important;letter-spacing:-.07em;
  }
}
/* The mobile full-size row must never render on desktop.
   Scope to its unique staging/home row class, not a section ancestor that
   Flatsome may restructure when expanding UX Builder shortcodes. */
.luq-home-mobile-row {display:none!important}
@media (max-width:849px) {
  .luq-home-mobile-row {display:flex!important}
  .ilk-home-quick-order-col {display:none!important}
}