@charset "UTF-8";
/* Luna Parts Clean Product Page */
.productView {
  display: flex !important;
  align-items: flex-start !important;
  gap: 40px !important;
  margin-top: 0 !important;
  padding-top: 0 !important; }

.productView-images {
  order: 1 !important;
  flex: 0 0 58% !important;
  max-width: 58% !important;
  background: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 520px; }

.productView-details {
  order: 2 !important;
  flex: 0 0 42% !important;
  max-width: 42% !important; }

.productView-thumbnails, .productView-imageCarousel, .productView-thumbnails-container {
  display: none !important; }

.productView-image, .productView-img-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.productView-image img {
  width: 100% !important;
  max-height: 520px !important;
  height: auto !important;
  object-fit: contain !important; }

.lp-new-product {
  border: 1px solid #e5e7eb;
  padding: 22px;
  border-radius: 10px;
  background: #fff; }

.lp-title {
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 15px;
  color: #111827;
  line-height: 1.25; }

.lp-brand {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700; }

.lp-brand a {
  color: #1f3a5f;
  text-decoration: none; }

.lp-rating {
  margin-bottom: 14px; }

.lp-price {
  margin: 16px 0 18px;
  color: #1f3a5f;
  font-weight: 700; }

.lp-new-product .price--withoutTax, .lp-new-product .price--withTax, .lp-new-product .price--sale {
  font-size: 38px !important;
  font-weight: 900 !important;
  color: #1f3a5f !important;
  display: block;
  line-height: 1.15;
  margin-bottom: 4px; }

.lp-new-product .price--rrp, .lp-new-product .price--non-sale {
  font-size: 16px !important;
  color: #6b7280 !important;
  text-decoration: line-through;
  display: block;
  margin-bottom: 4px; }

.lp-new-product .saving {
  color: #16a34a !important;
  font-weight: 700;
  font-size: 14px; }

.lp-meta {
  border-top: 1px solid #e5e7eb;
  padding-top: 14px;
  margin-top: 10px; }

.lp-meta div {
  margin-bottom: 6px;
  font-size: 14px;
  color: #374151; }

.lp-instock, .lp-green {
  color: #16a34a;
  font-weight: 800; }

.lp-outstock {
  color: #dc2626;
  font-weight: 800; }

.lp-new-product .form-action, .lp-new-product .form-field--increments, .lp-new-product [data-cart-item-add] {
  width: 100%; }

.lp-new-product .button--primary {
  width: 100% !important;
  margin-bottom: 12px;
  background-color: #1f3a5f !important;
  border-color: #1f3a5f !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .5px; }

.lp-new-product .button--primary:hover {
  background-color: #2f5d8a !important;
  border-color: #2f5d8a !important; }

.lp-payment-logos {
  display: block !important;
  text-align: center;
  margin: 12px 0 16px;
  width: 100%;
  clear: both; }

.lp-payment-logos img {
  width: 260px;
  max-width: 100%;
  height: auto;
  display: inline-block; }

.lp-trust {
  clear: both;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #f0fdf4;
  padding: 14px;
  margin-top: 15px;
  border-radius: 6px;
  font-size: 14px;
  border: 1px solid #bbf7d0;
  color: #14532d;
  line-height: 1.65;
  font-weight: 700; }

.lp-fit {
  margin-top: 15px;
  font-size: 14px;
  background: #f9fafb;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  color: #374151;
  line-height: 1.55; }

.lp-fit strong {
  color: #1f3a5f; }

.lp-secure {
  margin-top: 12px;
  font-size: 13px;
  color: #6b7280; }

.lp-new-product .dropdown--quickSearch, .lp-new-product .wishlist-dropdown, .lp-new-product .button--secondary, .lp-new-product [data-wishlist-add], .lp-new-product .dropdown-menu-button {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #d1d5db !important;
  color: #1f3a5f !important;
  background: #fff !important; }

.lp-new-product [data-wishlist-add]:hover, .lp-new-product .dropdown-menu-button:hover, .lp-new-product .button--secondary:hover {
  border-color: #1f3a5f !important;
  background: #f8fafc !important; }

.lp-product-template {
  --lp-text:#1f2937;
  --lp-muted:#6b7280;
  --lp-border:#d1d5db;
  --lp-bg:#fff;
  --lp-soft:#f8fafc;
  --lp-accent:#1f3a5f;
  --lp-accent-2:#2f5d8a;
  --lp-success-bg:#ecfdf5;
  --lp-success-text:#166534;
  --lp-warning-bg:#eff6ff;
  --lp-warning-text:#1d4ed8;
  --lp-radius:18px;
  --lp-shadow:0 10px 30px rgba(17,24,39,.06);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--lp-text);
  margin-top: 30px; }

.lp-product-wrap {
  display: grid;
  gap: 18px; }

.lp-product-card {
  background: var(--lp-bg);
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  box-shadow: var(--lp-shadow);
  overflow: hidden; }

.lp-product-card-inner {
  padding: 24px; }

.lp-product-card h2 {
  margin: 0 0 10px;
  color: var(--lp-accent);
  font-size: 28px;
  line-height: 1.15; }

.lp-product-card h3 {
  margin: 0 0 10px;
  color: var(--lp-accent);
  font-size: 20px;
  line-height: 1.2; }

.lp-product-card p {
  margin: 0;
  color: var(--lp-muted);
  line-height: 1.7;
  font-size: 15px; }

.lp-checklist {
  display: grid;
  gap: 10px;
  margin-top: 16px; }

.lp-check-item {
  display: flex;
  gap: 10px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--lp-soft);
  border: 1px solid #e5e7eb;
  font-size: 15px;
  line-height: 1.5; }

.lp-fit-notice {
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--lp-warning-bg);
  color: var(--lp-warning-text);
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #bfdbfe; }

.lp-symptoms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px; }

.lp-symptom {
  padding: 14px 16px;
  border: 1px solid var(--lp-border);
  border-radius: 14px;
  background: #fff;
  font-size: 15px;
  line-height: 1.5; }

.lp-contact-box {
  background: linear-gradient(135deg, var(--lp-accent) 0%, var(--lp-accent-2) 100%);
  color: #fff;
  border-radius: 18px;
  padding: 22px 20px; }

.lp-contact-box h3 {
  color: #fff;
  margin-bottom: 8px; }

.lp-contact-box p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 14px; }

.lp-contact-btn {
  display: inline-block;
  background: #fff;
  color: var(--lp-accent);
  text-decoration: none;
  font-weight: 700;
  padding: 12px 16px;
  border-radius: 12px; }

.lp-return-box {
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--lp-success-bg);
  color: var(--lp-success-text);
  border: 1px solid #bbf7d0;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 14px; }

@media (max-width: 900px) {
  .productView {
    display: block !important; }
  .productView-images, .productView-details {
    max-width: 100% !important;
    width: 100% !important; }
  .productView-images {
    min-height: auto; }
  .lp-new-product {
    margin-top: 18px; } }

@media (max-width: 700px) {
  .lp-product-card-inner {
    padding: 18px; }
  .lp-symptoms {
    grid-template-columns: 1fr; }
  .lp-product-card h2 {
    font-size: 24px; }
  .lp-payment-logos img {
    width: 220px; } }

/* ===== Luna Parts search bar fix ===== */
/* Expand container */
.navUser .dropdown--quickSearch .container {
  width: 900px !important;
  max-width: 95vw !important; }

/* Expand form */
.navUser .dropdown--quickSearch form {
  width: 100% !important; }

/* Expand input */
.navUser .dropdown--quickSearch input.form-input {
  width: 100% !important;
  min-width: 600px !important;
  padding: 12px 16px;
  font-size: 15px;
  border-radius: 6px; }

/* ===== LUNA PARTS SEARCH BAR (WIDER) ===== */
/* Make header layout flexible */
.logo-user-section.container {
  display: flex !important;
  align-items: center;
  justify-content: space-between; }

/* Target the search container */
.navUser {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important; }

/* Expand search form */
.navUser .form {
  width: 700px !important;
  /* 👈 adjust 600–900 */
  max-width: 100%; }

/* Expand input field */
.navUser input.form-input {
  width: 100% !important;
  min-width: 500px !important;
  padding: 12px 16px;
  font-size: 15px;
  border-radius: 6px; }