/* لوازم موترك – أقسام الصفحة الرئيسية (تُحمَّل في الرئيسية فقط). */
/* ---------- القسم الرئيسي ---------- */
.lmk-dark { color: #fff; }
.lmk-hero { position: relative; overflow: hidden; background: var(--navy); padding: clamp(32px, 6vw, 72px) 0 clamp(64px, 8vw, 104px); }
.lmk-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(55% 80% at 88% 12%, rgba(243, 167, 18, .18), transparent 62%), radial-gradient(45% 55% at 5% 100%, rgba(255, 255, 255, .06), transparent 65%);
}
.lmk-hero__grid { position: relative; display: grid; gap: 32px; align-items: center; }
.lmk-hero h1 { font-size: clamp(30px, 6.4vw, 54px); line-height: 1.3; max-width: 16ch; color: #fff; }
.lmk-hero__lead { margin-top: 16px; max-width: 54ch; font-size: clamp(16px, 2.4vw, 18px); line-height: 1.85; color: rgba(255, 255, 255, .84); }
.lmk-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.lmk-hero__cta .lmk-btn { flex: 1 1 200px; }
.lmk-points { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 24px; font-size: 14.5px; color: rgba(255, 255, 255, .88); }
.lmk-points li { display: inline-flex; align-items: center; gap: 8px; }
.lmk-points .lmk-ico { color: var(--gold); }
.lmk-hero__visual { display: none; }

.lmk-ruler {
	position: absolute; inset-inline: 0; bottom: 0; height: 18px; opacity: .65;
	background-image: repeating-linear-gradient(to left, var(--gold) 0 2px, transparent 2px 14px), repeating-linear-gradient(to left, var(--gold) 0 2px, transparent 2px 70px);
	background-size: 100% 8px, 100% 18px; background-position: left bottom, left bottom; background-repeat: no-repeat;
}

.lmk-tiles { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14px; }
.lmk-tile a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 10px; background: #fff; color: var(--ink); border-radius: 16px; }
.lmk .lmk-tile a:hover { color: var(--ink); }
.lmk-tiles:has(.lmk-tile--2) .lmk-tile--0 { grid-row: span 2; }
.lmk-tile__img { position: relative; display: block; overflow: hidden; border-radius: 10px; background: var(--tint); aspect-ratio: 4 / 3; }
.lmk-tile--0 .lmk-tile__img { aspect-ratio: 1; }
.lmk-tiles:has(.lmk-tile--2) .lmk-tile--0 .lmk-tile__img { aspect-ratio: auto; flex: 1; min-height: 220px; }
.lmk-tile__pic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lmk-tile__name { font-size: 13.5px; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lmk-tile__price { font-weight: 700; color: var(--navy); }
.lmk-gauge { width: min(340px, 80%); margin-inline: auto; display: block; }

@media (min-width: 900px) {
	.lmk-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; }
	.lmk-hero__cta .lmk-btn { flex: 0 0 auto; }
	.lmk-hero__visual { display: block; }
}

/* ---------- شريط المزايا ---------- */
.lmk-benefits { position: relative; z-index: 2; margin-top: -34px; }
.lmk-benefits__list {
	display: grid; grid-template-columns: 1fr 1fr; gap: 18px 14px; padding: 18px; background: #fff;
	border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 32px rgba(16, 36, 50, .12);
}
.lmk-benefits__list li { display: flex; align-items: flex-start; gap: 10px; }
.lmk-benefits__ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: none; border-radius: 50%; background: var(--tint); color: var(--navy); }
.lmk-benefits__list strong { display: block; font-size: 15px; line-height: 1.4; color: var(--navy); }
.lmk-benefits__list small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.55; color: var(--mut); }
@media (min-width: 900px) {
	.lmk-benefits__list { grid-template-columns: repeat(4, 1fr); gap: 0; padding: 22px 8px; }
	.lmk-benefits__list li { padding-inline: 18px; }
	.lmk-benefits__list li + li { border-inline-start: 1px solid var(--line); }
}

/* ---------- التصنيفات ---------- */
.lmk-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.lmk-cats > li { flex: 0 0 calc(50% - 7px); }
.lmk-cats > li:last-child:nth-child(odd) { flex-basis: 100%; }
@media (min-width: 720px) {
	.lmk-cats > li, .lmk-cats > li:last-child:nth-child(odd) { flex-basis: calc((100% - 28px) / 3); }
}
@media (min-width: 1024px) {
	.lmk-cats > li, .lmk-cats > li:last-child:nth-child(odd) { flex-basis: calc((100% - 42px) / 4); }
}
.lmk .lmk-cat { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; transition: border-color .15s; }
.lmk .lmk-cat:hover { border-color: var(--gold); }
.lmk-cat__media { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; background: var(--tint); color: var(--navy); transition: background-color .15s, color .15s; }
.lmk .lmk-cat:hover .lmk-cat__media { background: var(--navy); color: var(--gold); }
.lmk-cat__img { width: 100%; height: 100%; object-fit: cover; }
.lmk-cat__name { padding: 12px 14px 0; font-weight: 700; font-size: 16px; line-height: 1.4; color: var(--navy); }
.lmk-cat__count { padding: 0 14px 14px; font-size: 13px; color: var(--mut); }

/* ---------- المنتجات ---------- */
.lmk-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lmk-grid > li:nth-child(n+7) { display: none; }
@media (min-width: 900px) {
	.lmk-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.lmk-grid > li:nth-child(n+7) { display: flex; }
}
@media (max-width: 639px) {
	.lmk-grid {
		grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 66%; gap: 12px;
		overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; overscroll-behavior-x: contain;
		margin-inline: -16px; padding: 2px 16px 10px; scrollbar-width: none;
	}
	.lmk-grid::-webkit-scrollbar { display: none; }
	.lmk-grid > li, .lmk-grid > li:nth-child(n+7) { display: flex; scroll-snap-align: start; }
}
.lmk-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.lmk-card__media { display: block; aspect-ratio: 1; background: var(--tint); }
.lmk-card__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lmk-card__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 12px 14px 14px; }
.lmk-card__title { font-size: 15px; font-weight: 500; line-height: 1.55; min-height: 4.65em; }
.lmk-card__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lmk .lmk-card__title a:hover { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.lmk-card__cta { margin-top: auto; width: 100%; }
.lmk-badge { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 1; padding: 2px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; line-height: 1.6; }
.lmk-badge--sale { background: var(--gold); color: var(--navy); }
.lmk-badge--new { background: var(--navy); color: #fff; }
.lmk-rate { display: flex; align-items: center; gap: 4px; font-size: 13.5px; color: var(--ink); }
.lmk-rate small { color: var(--mut); font-size: 12.5px; }
.lmk-star { width: 16px; height: 16px; fill: var(--gold); stroke: var(--gold); }
.lmk-price { font-size: 18px; font-weight: 700; color: var(--navy); line-height: 1.4; }
.lmk-price del { color: var(--mut); font-weight: 400; font-size: 14px; margin-inline-end: 6px; }
.lmk-price ins { text-decoration: none; background: none; }
.lmk-price .woocommerce-Price-amount { font-weight: inherit; }

/* ---------- ماذا تحتاج ---------- */
.lmk-needs { display: grid; gap: 12px; }
@media (min-width: 720px) { .lmk-needs { grid-template-columns: 1fr 1fr; gap: 16px; } }
.lmk .lmk-need { display: flex; align-items: center; gap: 16px; height: 100%; padding: 18px; background: #fff; border: 1px solid var(--line); border-radius: 14px; transition: border-color .15s; }
.lmk .lmk-need:hover { border-color: var(--gold); }
.lmk-need__ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex: none; border-radius: 12px; background: var(--navy); color: var(--gold); }
.lmk-need__txt { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.lmk-need__txt strong { font-size: 17px; line-height: 1.45; color: var(--navy); }
.lmk-need__txt span { color: var(--mut); font-size: 14.5px; line-height: 1.65; }
.lmk-need__txt em { margin-top: 6px; font-style: normal; font-weight: 700; color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: 5px; align-self: flex-start; }
.lmk-need__go { color: var(--mut); transition: transform .15s; }
.lmk .lmk-need:hover .lmk-need__go { transform: translateX(-4px); color: var(--navy); }

/* ---------- خطوات الطلب ---------- */
.lmk-steps { background: var(--navy); }
.lmk-steps .lmk-head h2 { color: #fff; }
.lmk-steps__list { display: grid; gap: 14px; }
.lmk-steps__list li { padding: 22px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .05); }
.lmk-steps__n { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 50%; background: var(--gold); color: var(--navy); font-weight: 700; font-size: 18px; }
.lmk-steps__list h3 { font-size: 18px; line-height: 1.5; color: #fff; }
.lmk-steps__list p { margin-top: 6px; color: rgba(255, 255, 255, .78); font-size: 15px; }
.lmk-steps__cta { margin-top: 28px; text-align: center; }
@media (min-width: 760px) { .lmk-steps__list { grid-template-columns: repeat(3, 1fr); gap: 18px; } }

/* ---------- الثقة ---------- */
.lmk-trust { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .lmk-trust { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .lmk-trust { grid-template-columns: repeat(4, 1fr); } }
.lmk-trust__card { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.lmk-trust__ico { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 4px; border-radius: 50%; background: var(--tint); color: var(--navy); }
.lmk-trust__card h3 { font-size: 17px; color: var(--navy); }
.lmk-trust__card p { color: var(--mut); font-size: 14.5px; line-height: 1.7; }
.lmk .lmk-trust__card a { display: inline-flex; align-items: center; min-height: 36px; font-weight: 700; color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: 5px; }
.lmk-trust__card p + a { margin-top: auto; }

/* ---------- الأسئلة الشائعة ---------- */
.lmk .lmk-faq.lmk-wrap { width: min(860px, 100% - 32px); }
.lmk-faq__item { margin-bottom: 10px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.lmk-faq__item[open] { border-color: var(--navy); }
.lmk-faq__item > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 58px; padding: 12px 18px; font-weight: 500; font-size: 16.5px; line-height: 1.55; cursor: pointer; list-style: none; }
.lmk-faq__chev { color: var(--mut); transition: transform .15s; }
.lmk-faq__item[open] .lmk-faq__chev { transform: rotate(180deg); color: var(--navy); }
.lmk-faq__a { padding: 0 18px 18px; color: var(--mut); }
.lmk .lmk-faq__a a { font-weight: 700; color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; text-underline-offset: 4px; }