/* ================================================================
   FOOTER — محسّن
================================================================ */
.lmq-footer {
    background: linear-gradient(160deg, #1a5c59 0%, #2d7a76 50%, #1e6b67 100%);
    padding: 72px 0 0;
    position: relative;
    z-index: 1;
}
.lmq-footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}
.lmq-footer-top {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1.1fr;
    gap: 52px;
    padding-bottom: 52px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Brand col */
.lmq-footer-brand {}
.lmq-footer-logo {
    font-size: 24px; font-weight: 900;
    letter-spacing: 6px; color: #C9A84C;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
    background: linear-gradient(90deg, #C9A84C 0%, #f0d070 40%, #C9A84C 60%, #b89030 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: lmq-goldShimmer 4s linear infinite;
}
.lmq-footer-logo img,
.lmq-footer-logo .custom-logo {
    height: 40px; width: auto;
    -webkit-text-fill-color: initial;
    background: none; animation: none;
    filter: brightness(0) invert(1);
}
.lmq-footer-tagline {
    font-size: 13px; color: rgba(255,255,255,.42);
    line-height: 1.9; margin-bottom: 22px;
    max-width: 290px;
}
.lmq-footer-certs {
    display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px;
}
.lmq-cert-pill {
    display: flex; align-items: center; gap: 5px;
    padding: 5px 11px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 99px;
    font-size: 10px; font-weight: 700;
    color: rgba(255,255,255,.45);
    transition: border-color .2s;
}
.lmq-cert-pill:hover { border-color: rgba(255,255,255,.3); }
.lmq-payment-row {
    display: flex; gap: 7px; align-items: center; flex-wrap: wrap;
}
.lmq-payment-label {
    font-size: 10px; color: rgba(255,255,255,.28);
    width: 100%; margin-bottom: 4px;
}
.lmq-pay-badge {
    height: 29px;
    background: rgba(255,255,255,.07);
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.1);
    display: flex; align-items: center; justify-content: center;
    transition: all .2s;
    overflow: hidden;
    padding: 0;
}
.lmq-pay-badge--img {
    padding: 0;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    transition: background .2s, transform .2s;
}
.lmq-pay-badge--img:hover { background: rgba(255,255,255,.15); transform: translateY(-1px); }
@media (max-width: 768px) {
    .lmq-pay-badge--img:hover { background: rgba(255,255,255,.08); transform: none; }
}
.lmq-pay-logo {
    display: block;
    object-fit: contain;
    padding: 5px 8px;
}
.lmq-pay-badge-text {
    padding: 0 9px;
    font-size: 9.5px; font-weight: 800;
    color: rgba(255,255,255,.45);
}

/* Link columns */
.lmq-footer-col {}
.lmq-footer-col-title {
    font-size: 10px; font-weight: 800;
    color: rgba(255,255,255,.5);
    letter-spacing: 2.5px; text-transform: uppercase;
    margin-bottom: 20px;
    position: relative; padding-bottom: 12px;
}
.lmq-footer-col-title::after {
    content: '';
    position: absolute; bottom: 0; right: 0;
    width: 24px; height: 1.5px;
    background: #C9A84C;
    border-radius: 1px;
}
.lmq-footer-link {
    display: flex; align-items: center; gap: 7px;
    font-size: 13px; color: rgba(255,255,255,.48);
    padding: 5px 0; text-decoration: none;
    transition: color .2s, gap .2s;
}
.lmq-footer-link:hover { color: rgba(255,255,255,.88); gap: 10px; }
.lmq-footer-link svg { flex-shrink: 0; color: rgba(255,255,255,.2); transition: color .2s; }
.lmq-footer-link:hover svg { color: #C9A84C; }

/* Social links full row */
.lmq-footer-social-full {
    display: flex; flex-direction: column; gap: 4px;
    margin-bottom: 20px;
}
.lmq-footer-social-link {
    display: flex; align-items: center; gap: 12px;
    padding: 7px 0; text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.06);
    transition: background .2s;
}
.lmq-footer-social-link:last-child { border-bottom: none; }
.lmq-footer-social-icon {
    width: 36px; height: 36px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,.5);
    flex-shrink: 0;
    transition: border-color .2s, background .2s, color .2s, transform .25s;
}
.lmq-footer-social-link:hover .lmq-footer-social-icon {
    border-color: #C9A84C;
    background: rgba(201,168,76,.12);
    color: #C9A84C;
    transform: scale(1.1);
}
.lmq-footer-social-label {
    font-size: 13px; font-weight: 600;
    color: rgba(255,255,255,.45);
    transition: color .2s;
}
.lmq-footer-social-link:hover .lmq-footer-social-label {
    color: rgba(255,255,255,.85);
}

/* Contact rows */
.lmq-footer-contact-row {
    display: flex; align-items: center; gap: 9px;
    padding: 5px 0;
    font-size: 12.5px; color: rgba(255,255,255,.4);
}
.lmq-footer-contact-row a {
    color: rgba(255,255,255,.4); text-decoration: none;
    transition: color .2s;
}
.lmq-footer-contact-row a:hover { color: rgba(255,255,255,.75); }

/* CR / VAT legal rows */
.lmq-footer-legal-row {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgba(255,255,255,.55);
    margin-top: 6px;
    flex-wrap: wrap;
}
.lmq-footer-legal-label {
    font-weight: 700;
    color: rgba(255,255,255,.8);
    white-space: nowrap;
}
.lmq-footer-legal-value {
    direction: ltr;
    letter-spacing: .4px;
    unicode-bidi: embed;
}
.lmq-footer-bottom {
    display: flex; align-items: center;
    justify-content: space-between;
    padding: 22px 0;
}
.lmq-footer-copy {
    font-size: 11.5px; color: rgba(255,255,255,.22);
}
.lmq-footer-legal { display: flex; gap: 22px; }
.lmq-footer-legal a {
    font-size: 11.5px; color: rgba(255,255,255,.28);
    text-decoration: none; transition: color .2s;
}
.lmq-footer-legal a:hover { color: rgba(255,255,255,.65); }

/* ── Social icons row (old — kept for compat) ── */
.lmq-footer-social { display: flex; gap: 10px; }
.lmq-social-btn {
    width: 38px; height: 38px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; text-decoration: none;
    transition: border-color .2s, transform .2s, background .2s;
}
.lmq-social-btn:hover { border-color: rgba(255,255,255,.35); transform: scale(1.1); }

/* ==========================================================
   LUMARQ — main.css
   Brand: Teal #419D99 · Gold #C9A84C · Warm White #FAF8F5
   All classes prefixed lmq-
   ========================================================== */

/* ── RESET ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
    font-family: 'Cairo', sans-serif;
    background: var(--lmq-bg, #FAF8F5);
    color: var(--lmq-dark, #2B2320);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
ul, ol { list-style: none; }


/* ================================================================
   CAIRO FONT — كل الموقع
================================================================ */
*, *::before, *::after,
body, html,
input, textarea, select, button,
.woocommerce, .woocommerce-page,
.woocommerce *,
.wp-block-*,
.widget * {
    font-family: 'Cairo', sans-serif !important;
}
/* ── KEYFRAMES ──────────────────────────────────────────── */
@keyframes lmq-ticker    { to { transform: translateX(-50%); } }
 to { opacity:1; transform:none; } }
@keyframes lmq-spin      { to { transform: rotate(360deg); } }
@keyframes lmq-pulse-ring { 0%,100% { box-shadow: 0 0 0 0 rgba(65,157,153,.4); } 70% { box-shadow: 0 0 0 10px transparent; } }

/* ── LAYOUT ─────────────────────────────────────────────── */
.lmq-container { max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.lmq-main { min-height: 60vh; }
.lmq-section { padding: 72px 0; }
.lmq-section-sm { padding: 48px 0; }

/* ── SCROLL REVEAL ──────────────────────────────────────── */
.lmq-reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s cubic-bezier(.22,1,.36,1), transform .35s cubic-bezier(.22,1,.36,1);
    will-change: opacity, transform;
}
.lmq-reveal.is-visible { opacity: 1 !important; transform: none !important; }
.lmq-reveal.d1 { transition-delay: .04s; }
.lmq-reveal.d2 { transition-delay: .08s; }
.lmq-reveal.d3 { transition-delay: .12s; }
.lmq-reveal.d4 { transition-delay: .16s; }

/* ── SECTION HEADER ─────────────────────────────────────── */
.lmq-sec-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; gap: 16px; }
.lmq-sec-title { font-size: clamp(22px, 2.5vw, 32px); font-weight: 800; color: var(--lmq-dark); line-height: 1.2; }
.lmq-sec-title span { color: var(--lmq-teal, #419D99); }
.lmq-sec-link { font-size: 12px; font-weight: 700; color: var(--lmq-teal, #419D99); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; transition: gap .2s; }
.lmq-sec-link:hover { gap: 9px; }
.lmq-sec-link svg { transition: transform .2s; }
.lmq-sec-link:hover svg { transform: translateX(3px); }

/* ── BUTTONS ────────────────────────────────────────────── */
.lmq-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 24px; border-radius: 8px;
    font-size: 13px; font-weight: 700; border: none;
    cursor: pointer; transition: all .2s;
    white-space: nowrap;
}
.lmq-btn-primary {
    background: var(--lmq-teal, #419D99);
    color: #fff;
    box-shadow: 0 4px 20px rgba(65,157,153,.3);
}
.lmq-btn-primary:hover { background: var(--lmq-teal-d, #2d7a76); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(65,157,153,.4); color:#fff; }
.lmq-btn-gold {
    background: var(--lmq-gold, #C9A84C);
    color: var(--lmq-dark, #2B2320);
    box-shadow: 0 4px 20px rgba(201,168,76,.3);
}
.lmq-btn-gold:hover { background: #b8963e; transform: translateY(-2px); color: var(--lmq-dark); }
.lmq-btn-outline {
    background: transparent;
    color: var(--lmq-dark);
    border: 1.5px solid var(--lmq-border, #EDE8E3);
}
.lmq-btn-outline:hover { border-color: var(--lmq-teal, #419D99); color: var(--lmq-teal, #419D99); }
.lmq-btn-ghost {
    background: rgba(255,255,255,.15);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.3);
    backdrop-filter: blur(4px);
}
.lmq-btn-ghost:hover { background: rgba(255,255,255,.25); color:#fff; }
.lmq-btn-lg { padding: 14px 32px; font-size: 14px; }
.lmq-btn-sm { padding: 8px 16px; font-size: 12px; }

/* ── TICKER ─────────────────────────────────────────────── */
.lmq-ticker {
    background: var(--lmq-teal, #419D99);
    height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;

    z-index: 1;
}
.lmq-ticker-track {
    display: flex;
    white-space: nowrap;
    animation: lmq-ticker 30s linear infinite;
}
.lmq-ticker:hover .lmq-ticker-track { animation-play-state: paused; }
.lmq-ticker-item {
    padding: 0 32px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(255,255,255,.85);
}
.lmq-ticker-item strong { color: var(--lmq-gold, #C9A84C); font-weight: 800; }
.lmq-ticker-sep { color: rgba(255,255,255,.3); flex-shrink: 0; }

/* ── HEADER ─────────────────────────────────────────────── */
.lmq-header {
    position: absolute;
    top: 36px;        /* below ticker height */
    left: 0; right: 0;
    z-index: 200;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: background .3s, box-shadow .3s;
}
/* When scrolled past hero → becomes sticky with bg */
.lmq-header.scrolled {
    position: fixed;
    top: 0;
    background: rgba(43,35,32,.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 4px 24px rgba(0,0,0,.25);
}
/* Non-hero pages → always has background */
body:not(.home) .lmq-header,
body:not(.page-template-default):not(.home) .lmq-header {
    position: sticky;
    top: 0;
    background: rgba(43,35,32,.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.lmq-header-row {
    height: 64px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.lmq-header-right {
    display: flex; align-items: center;
    justify-content: flex-start; gap: 8px;
}
.lmq-header-left {
    display: flex; align-items: center;
    justify-content: flex-end; gap: 10px;
}
/* Logo — exact center of header always */
.lmq-logo {
    display: flex; align-items: center;
    justify-content: center;
    justify-self: center;
    text-decoration: none;
}
.lmq-logo-text {
    font-size: 18px; font-weight: 900;
    color: var(--lmq-gold, #C9A84C);
    letter-spacing: 5px; text-transform: uppercase;
}
.lmq-logo img { height: 38px; width: auto; object-fit: contain; }
.lmq-hamburger { display: none; background: none; border: none; color: #fff; padding: 4px; }
.lmq-nav-list, .lmq-cats-nav { display: flex; align-items: center; gap: 0; padding: 0; }
.lmq-nav-list li a, .lmq-cats-nav li a {
    display: block; padding: 6px 14px;
    font-size: 11px; font-weight: 700;
    color: rgba(255,255,255,.75);
    letter-spacing: 1.5px; text-transform: uppercase;
    transition: color .2s;
    position: relative;
}
.lmq-nav-list li a::after, .lmq-cats-nav li a::after {
    content: ''; position: absolute; bottom: -2px; left: 14px; right: 14px;
    height: 1.5px; background: var(--lmq-gold, #C9A84C);
    transform: scaleX(0); transition: transform .3s;
}
.lmq-nav-list li a:hover, .lmq-cats-nav li a:hover,
.lmq-cats-nav li.active a { color: #fff; }
.lmq-nav-list li a:hover::after, .lmq-cats-nav li.active a::after { transform: scaleX(1); }

/* Header icons */
.lmq-header-right { display: flex; align-items: center; gap: 2px; }
.lmq-header-icon {
    width: 40px; height: 40px;
    border-radius: 50%; border: none;
    background: none; color: rgba(255,255,255,.85);
    display: flex; align-items: center; justify-content: center;
    transition: background .2s; position: relative;
    flex-shrink: 0;
}
.lmq-header-icon:hover { background: rgba(255,255,255,.12); color: #fff; }
.lmq-cart-count {
    position: absolute; top: 2px; right: 2px;
    min-width: 17px; height: 17px;
    background: var(--lmq-gold, #C9A84C);
    color: var(--lmq-dark, #2B2320);
    font-size: 9px; font-weight: 800;
    border-radius: 99px;
    display: flex; align-items: center; justify-content: center;
    padding: 0 3px; pointer-events: none;
}

/* Search bar */
.lmq-search-bar { background: rgba(45,122,118,.98); border-top: 1px solid rgba(255,255,255,.1); padding: 10px 0; }
.lmq-search-bar[hidden] { display: none; }
.lmq-search-form { display: flex; align-items: center; gap: 10px; }
.lmq-search-input {
    flex: 1; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px; padding: 10px 16px;
    font-family: inherit; font-size: 13px; color: #fff;
    outline: none; transition: background .2s;
}
.lmq-search-input::placeholder { color: rgba(255,255,255,.5); }
.lmq-search-input:focus { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); }
#lmq-search-close { background: none; border: none; color: rgba(255,255,255,.7); padding: 6px; }

/* Mobile drawer */
.lmq-drawer {
    position: fixed; top: 0; right: -300px;
    width: 280px; height: 100%;
    background: #fff; z-index: 400;
    transition: right .35s cubic-bezier(.22,1,.36,1);
    overflow-y: auto;
    box-shadow: -8px 0 40px rgba(0,0,0,.2);
}
.lmq-drawer.open { right: 0; }
.lmq-drawer-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px; background: var(--lmq-teal, #419D99);
}
.lmq-drawer-brand { font-weight: 900; font-size: 16px; letter-spacing: 3px; color: var(--lmq-gold, #C9A84C); text-transform: uppercase; }
.lmq-drawer-close { background: none; border: none; color: #fff; }
.lmq-drawer-list { padding: 12px 0; }
.lmq-drawer-list li a { display: block; padding: 12px 20px; font-size: 14px; font-weight: 600; color: var(--lmq-dark); border-bottom: 1px solid var(--lmq-border, #EDE8E3); }
.lmq-drawer-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,.5);
    z-index: 399; display: none; opacity: 0;
    transition: opacity .3s;
}
.lmq-drawer-overlay.open { display: block; opacity: 1; }


/* Stat card */
/* ── TRUST BAR ──────────────────────────────────────────── */
.lmq-trust-bar {
    background: #fff;
    border-bottom: 1px solid var(--lmq-border, #EDE8E3);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.lmq-trust-grid {
    display: flex;
    align-items: stretch;
    min-height: 72px;
}

/* Scroll-reveal: items fade up with stagger */
.lmq-trust-item {
    flex: 1;
    display: flex; align-items: center; justify-content: center;
    gap: 12px;
    padding: 14px 20px;
    position: relative;
    transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1);
    /* Reveal animation */
    opacity: 0;
    transform: translateY(18px);
    animation: lmq-trust-in .55s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes lmq-trust-in {
    to { opacity:1; transform:none; }
}
.lmq-trust-item:nth-child(1) { animation-delay: .08s; }
.lmq-trust-item:nth-child(2) { animation-delay: .16s; }
.lmq-trust-item:nth-child(3) { animation-delay: .24s; }
.lmq-trust-item:nth-child(4) { animation-delay: .32s; }

.lmq-trust-item + .lmq-trust-item::before {
    content: '';
    position: absolute; left: 0; top: 20%; bottom: 20%;
    width: 1px; background: var(--lmq-border, #EDE8E3);
}
.lmq-trust-item:hover {
    background: var(--lmq-teal-l, #e4f5f4);
    transform: translateY(-3px);
}

/* Icon — bounce + scale on hover */
.lmq-trust-icon {
    width: 40px; height: 40px; flex-shrink: 0;
    background: var(--lmq-teal-l, #e4f5f4);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--lmq-teal, #419D99);
    transition: background .2s, transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
    position: relative;
}
/* Pulse ring */
.lmq-trust-icon::after {
    content: '';
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 1.5px solid rgba(65,157,153,.4);
    animation: lmq-trust-ring 2.4s ease-out infinite;
    opacity: 0;
}
@keyframes lmq-trust-ring {
    0%   { transform: scale(.85); opacity: 0; }
    30%  { opacity: .6; }
    100% { transform: scale(1.9); opacity: 0; }
}
.lmq-trust-item:nth-child(1) .lmq-trust-icon::after { animation-delay: 0s; }
.lmq-trust-item:nth-child(2) .lmq-trust-icon::after { animation-delay: .6s; }
.lmq-trust-item:nth-child(3) .lmq-trust-icon::after { animation-delay: 1.2s; }
.lmq-trust-item:nth-child(4) .lmq-trust-icon::after { animation-delay: 1.8s; }

.lmq-trust-item:hover .lmq-trust-icon {
    background: var(--lmq-teal, #419D99);
    color: #fff;
    transform: scale(1.18) translateY(-3px);
    box-shadow: 0 8px 20px rgba(65,157,153,.35);
}

.lmq-trust-title { font-size: 12.5px; font-weight: 700; color: var(--lmq-dark); }
.lmq-trust-sub   { font-size: 10.5px; color: var(--lmq-muted, #7A6E6A); margin-top: 1px; }

/* ── PRODUCTS GRID ──────────────────────────────────────── */
.lmq-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* ── PRODUCT CARD ───────────────────────────────────────── */
.lmq-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
    box-shadow: 0 2px 12px rgba(43,35,32,.06);
    display: flex; flex-direction: column;
}
.lmq-card:hover { transform: translateY(-6px); box-shadow: 0 14px 40px rgba(43,35,32,.13); }
/* Image */
.lmq-card-img {
    position: relative;
    aspect-ratio: 1;
    background: var(--lmq-bg2, #F5F3F0);
    overflow: hidden;
}
.lmq-card-img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.lmq-card:hover .lmq-card-img img { transform: scale(1.06); }
/* Hover ATC overlay */
.lmq-card-hover-atc {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 10px 14px;
    background: rgba(65,157,153,.94);
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.22,1,.36,1);
    text-align: center;
}
.lmq-card:hover .lmq-card-hover-atc { transform: translateY(0); }
.lmq-card-hover-atc button {
    width: 100%; background: none; border: none;
    color: #fff; font-family: inherit; font-size: 12px; font-weight: 800;
    cursor: pointer;
}
/* Wishlist */
.lmq-card-wish {
    position: absolute; top: 10px; left: 10px;
    width: 32px; height: 32px;
    background: rgba(255,255,255,.9);
    border-radius: 50%; border: none;
    display: flex; align-items: center; justify-content: center;
    color: var(--lmq-muted, #7A6E6A);
    z-index: 2; transition: transform .25s, color .2s;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.lmq-card-wish:hover { transform: scale(1.2); color: #e05d5d; }
.lmq-card-wish.active { color: #e05d5d; }
.lmq-card-wish.active svg { fill: #e05d5d; }
/* Badges */
.lmq-card-badge {
    position: absolute; top: 10px; right: 10px;
    padding: 3px 10px; border-radius: 99px;
    font-size: 9.5px; font-weight: 800; z-index: 2;
}
.lmq-badge-sale { background: #d94f4f; color: #fff; }
.lmq-badge-new  { background: var(--lmq-teal, #419D99); color: #fff; }
/* Body */
.lmq-card-body { padding: 14px 16px 16px; flex: 1; display: flex; flex-direction: column; }
.lmq-card-cat { font-size: 9.5px; font-weight: 700; color: var(--lmq-teal, #419D99); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; }
.lmq-card-name {
    font-size: 13.5px; font-weight: 700; color: var(--lmq-dark);
    line-height: 1.4; margin-bottom: 4px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.lmq-card-desc { font-size: 11px; color: var(--lmq-muted, #7A6E6A); margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lmq-card-rating { display: flex; align-items: center; gap: 5px; margin-bottom: 9px; }
.lmq-card-rating .lmq-stars .lmq-star svg { fill: none; stroke: #d1c89e; }
.lmq-card-rating .lmq-stars .lmq-star.filled svg { fill: var(--lmq-gold, #C9A84C); stroke: var(--lmq-gold, #C9A84C); }
.lmq-card-rating-count { font-size: 10px; color: var(--lmq-muted, #7A6E6A); }
.lmq-card-price { margin-bottom: 11px; flex: 1; display: flex; align-items: flex-end; }
/* WooCommerce price */
.lmq-card-price .woocommerce-Price-amount { font-size: 16px; font-weight: 900; color: var(--lmq-teal, #419D99); }
.lmq-card-price ins { text-decoration: none; }
.lmq-card-price del { margin-right: 6px; }
.lmq-card-price del .woocommerce-Price-amount { font-size: 11px; color: var(--lmq-muted, #7A6E6A); }
/* ATC Button */
.lmq-card-atc {
    width: 100%; padding: 10px;
    background: var(--lmq-teal, #419D99);
    color: #fff; border: none; border-radius: 8px;
    font-family: inherit; font-size: 12px; font-weight: 800;
    cursor: pointer; transition: background .2s, transform .15s;
}
.lmq-card-atc:hover { background: var(--lmq-teal-d, #2d7a76); }
.lmq-card-atc:active { transform: scale(.97); }
.lmq-card-atc.loading { opacity: .7; pointer-events: none; }
.lmq-card-atc.loading::after {
    content: '';
    display: inline-block; width: 12px; height: 12px;
    border: 2px solid rgba(255,255,255,.4); border-top-color: #fff;
    border-radius: 50%; animation: lmq-spin .5s linear infinite;
    margin-left: 8px; vertical-align: middle;
}
.lmq-card-atc.done { background: var(--lmq-teal-d, #2d7a76); }
.lmq-card-oos { background: var(--lmq-bg2, #F5F3F0); color: var(--lmq-muted); cursor: not-allowed; }
.lmq-card-view { background: transparent; border: 1.5px solid var(--lmq-teal); color: var(--lmq-teal); }
.lmq-card-view:hover { background: var(--lmq-teal); color: #fff; }

/* ── EDITORIAL BANNER ───────────────────────────────────── */
.lmq-banner {
    border-radius: 18px; overflow: hidden;
    position: relative; height: 320px;
    cursor: pointer;
    background: var(--lmq-teal-d, #2d7a76);
    background-size: cover; background-position: center;
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.lmq-banner:hover { transform: scale(1.01); }
.lmq-banner-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(45,122,118,.85) 0%, rgba(45,122,118,.1) 60%, transparent 100%);
}
.lmq-banner-content {
    position: absolute; inset: 0;
    display: flex; flex-direction: column; justify-content: center;
    padding: 48px;
}
.lmq-banner-label {
    font-size: 9.5px; font-weight: 800;
    color: var(--lmq-gold, #C9A84C);
    letter-spacing: 3px; text-transform: uppercase;
    margin-bottom: 10px;
}
.lmq-banner-title { font-size: clamp(26px, 3.5vw, 44px); font-weight: 900; color: #fff; line-height: 1.15; margin-bottom: 18px; }
.lmq-banner-link {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 800;
    color: var(--lmq-gold, #C9A84C);
    border-bottom: 1.5px solid var(--lmq-gold, #C9A84C);
    padding-bottom: 2px; width: fit-content;
    transition: gap .2s;
}
.lmq-banner-link:hover { gap: 12px; }

/* ── BENTO GRID ─────────────────────────────────────────── */

/* ═══════════════════════════════════════════
   RESPONSIVE — FIXED
═══════════════════════════════════════════ */

/* ── Tablet 1024px ─────────────────────── */



/* ================================================================
   CURSOR — من التصميم الأصلي بالظبط
================================================================ */
#lmq-cursor-ring {
    position: fixed;
    width: 36px; height: 36px;
    border: 1.5px solid #C9A84C;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    left: -100px; top: -100px;  /* مخفي برا الشاشة في البداية */
    transform: translate(-50%,-50%);
    transition: width .3s, height .3s, border-color .3s, background .3s, opacity .3s;
    opacity: 0;
}
#lmq-cursor-dot {
    position: fixed;
    width: 6px; height: 6px;
    background: #C9A84C;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    left: -100px; top: -100px;  /* مخفي برا الشاشة في البداية */
    transform: translate(-50%,-50%);
    transition: opacity .2s;
    opacity: 0;
}
body.lmq-cursor-active #lmq-cursor-ring,
body.lmq-cursor-active #lmq-cursor-dot { opacity: 1; }
body.cursor-hover #lmq-cursor-ring {
    width: 56px; height: 56px;
    border-color: #419D99;
    background: rgba(65,157,153,.08);
}
body.cursor-click #lmq-cursor-ring {
    width: 28px; height: 28px;
    background: rgba(201,168,76,.15);
}
@media (pointer: coarse) {
    #lmq-cursor-ring, #lmq-cursor-dot { display: none; }
}

/* ================================================================
   SCROLL PROGRESS BAR
================================================================ */
#lmq-scroll-progress {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: #C9A84C;
    z-index: 9997;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .1s linear;
}

/* ================================================================
   SKINCARE BACKGROUND ICONS — من التصميم الأصلي بالظبط
================================================================ */
#lmq-skincare-bg {
    position: fixed;
    inset: 0;
    z-index: -1;        /* خلف كل حاجة */
    pointer-events: none;
    overflow: hidden;
}
/* z-index handled per-element, not globally */
.lmq-sk-icon {
    position: absolute;
    will-change: transform, opacity;
    opacity: 0;
}
.lmq-sk-icon.floating {
    animation: skFloat var(--dur, 12s) var(--del, 0s) linear infinite;
}
.lmq-sk-icon.pulsing {
    animation: skPulse var(--dur, 6s) var(--del, 0s) ease-in-out infinite;
}
@keyframes skFloat {
    0%   { transform: translateY(0)             rotate(var(--r0,0deg)) scale(var(--s,1)); opacity: 0; }
    6%   { opacity: var(--op, .16); }
    88%  { opacity: var(--op, .16); }
    100% { transform: translateY(var(--dist,-220px)) rotate(var(--r1,20deg)) scale(var(--s,1)); opacity: 0; }
}
@keyframes skPulse {
    0%,100% { transform: scale(1)    rotate(var(--r0,0deg)); opacity: var(--op, .12); }
    50%     { transform: scale(1.18) rotate(var(--r1,10deg)); opacity: calc(var(--op,.12)*2.2); }
}

/* ================================================================
   HERO PARTICLES & WORDS
================================================================ */
.lmq-hero-particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    animation: lmq-particleFloat linear infinite;
}
@keyframes lmq-particleFloat {
    0%   { transform: translateY(0) scale(1); opacity: .6; }
    50%  { opacity: .3; }
    100% { transform: translateY(-120px) scale(.4); opacity: 0; }
}
/* Hero words */
.lmq-hw {
    display: inline-block;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
}
.lmq-hw.in { opacity: 1; transform: translateY(0); }

/* ================================================================
   HERO STAT CARD — slide in
================================================================ */
.lmq-hero-stat-card {
    transform: translateX(60px);
    opacity: 0;
    transition: transform .7s 1.2s cubic-bezier(.22,1,.36,1), opacity .7s 1.2s;
}
.lmq-hero-stat-card.in {
    transform: translateX(0) !important;
    opacity: 1 !important;
}

/* ================================================================
   SCROLL REVEAL
================================================================ */
.lmq-reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s cubic-bezier(.22,1,.36,1), transform .35s cubic-bezier(.22,1,.36,1);
    will-change: opacity, transform;
}
.lmq-reveal.is-visible { opacity: 1 !important; transform: none !important; }
.lmq-reveal.lmq-d1 { transition-delay: .04s; }
.lmq-reveal.lmq-d2 { transition-delay: .08s; }
.lmq-reveal.lmq-d3 { transition-delay: .12s; }
.lmq-reveal.lmq-d4 { transition-delay: .16s; }

/* ================================================================
   BUTTON RIPPLE
================================================================ */
.lmq-ripple-fx {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    transform: scale(0);
    animation: lmq-rippleAnim .5s ease-out forwards;
    pointer-events: none;
}
@keyframes lmq-rippleAnim { to { transform: scale(4); opacity: 0; } }

/* ================================================================
   IMAGE LAZY FADE
================================================================ */
.lmq-card-img img,
.lmq-hero-arch img {
    opacity: 0;
    transition: opacity .5s ease;
}
.lmq-card-img img.lmq-img-loaded,
.lmq-hero-arch img.lmq-img-loaded { opacity: 1; }

/* ================================================================
   HEADER SCROLL
================================================================ */
.lmq-header.lmq-scrolled {
    box-shadow: 0 4px 24px rgba(0,0,0,.15);
}

/* ================================================================
   GLOBAL FADE UP KEYFRAME
================================================================ */
@keyframes lmq-fade-up {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: none; }
}

/* ================================================================
   HEADER — من التصميم الأصلي بالظبط
================================================================ */
.lmq-header {
    position: sticky;
    top: 0;
    z-index: 300;
    background: rgba(65,157,153,.97);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: box-shadow .3s;
}
.lmq-header.lmq-scrolled {
    box-shadow: 0 4px 24px rgba(0,0,0,.15);
}
/* Gold line on scroll */
.lmq-header::after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 0; height: 1px;
    background: #C9A84C;
    transition: width .4s .3s;
}
.lmq-header.lmq-scrolled::after { width: 100%; }

.lmq-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lmq-header-right { display: flex; align-items: center; gap: 24px; }
.lmq-header-left  { display: flex; align-items: center; gap: 4px; }

/* Nav */
.lmq-nav { display: flex; align-items: center; }
.lmq-nav-list { display: flex; gap: 0; list-style: none; padding: 0; margin: 0; }
.lmq-nav-list li a {
    display: block;
    font-size: 11px; font-weight: 700;
    color: rgba(255,255,255,.7);
    letter-spacing: 1.5px; text-transform: uppercase;
    padding: 6px 14px;
    position: relative;
    transition: color .2s;
    text-decoration: none;
}
.lmq-nav-list li a::after {
    content: '';
    position: absolute;
    bottom: 0; right: 14px; left: 14px;
    height: 1.5px; width: 0;
    background: #C9A84C;
    transition: width .3s ease;
    border-radius: 1px;
}
.lmq-nav-list li a:hover,
.lmq-nav-list li.current-menu-item > a { color: #fff; }
.lmq-nav-list li a:hover::after,
.lmq-nav-list li.current-menu-item > a::after { width: calc(100% - 28px); }

/* Logo */
.lmq-logo {
    font-size: 20px; font-weight: 900;
    letter-spacing: 6px; color: #C9A84C;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    /* Gold shimmer from original */
    background: linear-gradient(90deg, #C9A84C 0%, #f0d070 40%, #C9A84C 60%, #b89030 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: lmq-goldShimmer 4s linear infinite;
}
.lmq-logo img, .lmq-logo .custom-logo {
    height: 38px; width: auto;
    object-fit: contain;
    -webkit-text-fill-color: initial;
    background: none;
    animation: none;
}
@keyframes lmq-goldShimmer {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}

/* Header buttons */
.lmq-hbtn {
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background .2s;
    position: relative;
    background: none;
    border: none;
    text-decoration: none;
    flex-shrink: 0;
}
.lmq-hbtn:hover { background: rgba(255,255,255,.12); }

/* Cart badge */
.lmq-cart-badge {
    position: absolute;
    top: 0; left: 0;
    width: 16px; height: 16px;
    background: #C9A84C;
    color: #2B2320;
    font-size: 8px; font-weight: 900;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* Ticker */
.lmq-ticker {
    background: var(--lmq-teal-d, #2d7a76);
    height: 34px;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 301;
    position: relative;
}
.lmq-ticker-inner {
    display: flex;
    white-space: nowrap;
    animation: lmq-ticker 28s linear infinite;
}
@keyframes lmq-ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.lmq-ticker-item {
    display: inline-flex; align-items: center;
    gap: 7px; padding: 0 28px;
    font-size: 11px; font-weight: 600;
    color: rgba(255,255,255,.88);
}
.lmq-ticker-item span { color: #C9A84C; }
.lmq-ticker-dot {
    width: 3px; height: 3px;
    background: rgba(255,255,255,.35);
    border-radius: 50%; flex-shrink: 0;
}

/* Hamburger + menu-btn */
.lmq-menu-btn { display: none; }

/* Search bar */
.lmq-search-bar[hidden] { display: none; }
.lmq-search-bar { background: rgba(65,157,153,.97); border-top: 1px solid rgba(255,255,255,.1); }

/* Drawer */
.lmq-drawer {
    position: fixed;
    top: 0; right: -100%;
    width: 300px; height: 100%;
    background: #fff;
    z-index: 999;
    transition: right .35s cubic-bezier(.22,1,.36,1);
    overflow-y: auto;
    box-shadow: -4px 0 24px rgba(0,0,0,.15);
}
.lmq-drawer.open { right: 0; }
.lmq-drawer-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 998;
    opacity: 0; pointer-events: none;
    transition: opacity .35s;
}
.lmq-drawer-overlay.open { opacity: 1; pointer-events: all; }
.lmq-drawer-header {
    display: flex; align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #EDE8E3;
    background: rgba(65,157,153,.97);
}
.lmq-drawer-logo { display: flex; align-items: center; text-decoration: none; }
.lmq-drawer-logo img, .lmq-drawer-logo .custom-logo { height: 32px; width: auto; filter: brightness(0) invert(1); }
.lmq-drawer-brand { font-weight: 900; font-size: 16px; letter-spacing: 3px; color: #C9A84C; text-transform: uppercase; }
.lmq-drawer-close { background: none; border: none; cursor: pointer; color: rgba(255,255,255,.8); display: flex; align-items: center; }
.lmq-drawer-nav { padding: 8px 0; }
.lmq-drawer-list { list-style: none; padding: 0; margin: 0; }
.lmq-drawer-list li a {
    display: block; padding: 13px 20px;
    font-size: 14px; font-weight: 600;
    color: #2B2320;
    border-bottom: 1px solid #EDE8E3;
    text-decoration: none;
    transition: color .15s, padding-right .15s;
}
.lmq-drawer-list li a:hover { color: #419D99; padding-right: 26px; }
.lmq-drawer-list li.current-menu-item > a { color: #419D99; }
.lmq-drawer-icons { padding: 12px 16px 24px; border-top: 1px solid #EDE8E3; display: flex; flex-direction: column; gap: 0; }
.lmq-drawer-search-form { display: flex; gap: 6px; padding: 10px 0 12px; border-bottom: 1px solid #EDE8E3; }
.lmq-drawer-search-input { flex: 1; padding: 9px 12px; border: 1.5px solid #EDE8E3; border-radius: 8px; font-family: 'Cairo',sans-serif; font-size: 13px; outline: none; }
.lmq-drawer-search-input:focus { border-color: #419D99; }
.lmq-drawer-search-btn { width: 36px; height: 36px; background: #419D99; color: #fff; border: none; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lmq-drawer-icon-link { display: flex; align-items: center; gap: 10px; padding: 12px 4px; font-size: 14px; font-weight: 600; color: #2B2320; text-decoration: none; border-bottom: 1px solid #EDE8E3; transition: color .2s; }
.lmq-drawer-icon-link:hover { color: #419D99; }

/* Mobile overrides */
@media (max-width: 768px) {
    .lmq-header-inner { height: 56px; padding: 0 16px; }
    .lmq-nav { display: none; }
    .lmq-menu-btn { display: flex; }
    .lmq-hide-mobile { display: none !important; }
}


/* ── 1024px Tablet ─────────────────────────────────────────── */
@media (max-width: 1024px) {
    .lmq-products-grid          { grid-template-columns: repeat(2,1fr); }
    .lmq-bento                  { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    .lmq-bc-hero { grid-column:1; grid-row:1/3; }
    .lmq-bc-tr   { grid-column:2; grid-row:1; }
    .lmq-bc-mr   { grid-column:2; grid-row:2; }
    .lmq-bc-bl   { grid-column:1/3; grid-row:3; min-height:240px; }
    .lmq-single-wrap            { grid-template-columns: 1fr; }
    .lmq-single-main ul.products{ grid-template-columns: repeat(2,1fr); }
}

/* ── 768px Mobile ──────────────────────────────────────────── */
@media (max-width: 768px) {

    /* Layout */
    .lmq-container  { padding: 0 16px; }
    .lmq-section    { padding: 40px 0 28px; }
    .lmq-section-sm { padding: 24px 0; }

    /* Trust bar — 2x2 grid on mobile */
    .lmq-trust-bar  { overflow: hidden; }
    .lmq-trust-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
    .lmq-trust-item {
        flex: none !important;
        width: 100%;
        padding: 16px 12px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-right: none !important;
        border-bottom: 1px solid var(--lmq-border, #EDE8E3);
    }
    .lmq-trust-item:nth-child(odd)  { border-left: 1px solid var(--lmq-border, #EDE8E3); }
    .lmq-trust-item::before         { display: none; }
    .lmq-trust-sub  { display: block; font-size: 9.5px; }
    .lmq-trust-icon { margin-bottom: 6px; }

    /* Section header */
    .lmq-sec-head   { margin-bottom: 18px; }
    .lmq-sec-title  { font-size: 20px; }

    /* Products grid → carousel handled by JS */
    .lmq-products-grid { grid-template-columns: repeat(2,1fr); gap: 10px; }

    /* Product card */
    .lmq-card-body  { padding: 10px 11px 12px; }
    .lmq-card-name  { font-size: 12.5px; }
    .lmq-card-atc   { padding: 9px; font-size: 11.5px; }

    /* Section banners */
    .lmq-sec-banner        { height: 320px; border-radius: 14px; margin-bottom: 20px; }
    .lmq-sec-banner-body   { padding: 22px 20px; }
    .lmq-sec-banner-title  { font-size: clamp(20px,5vw,28px); margin-bottom: 10px; }
    .lmq-cat-ed-banner     { height: 190px; border-radius: 12px; }
    .lmq-cat-ed-body       { padding: 24px 20px; }
    .lmq-cat-ed-title      { font-size: clamp(22px,6vw,32px); }

    /* Banner */
    .lmq-banner            { height: 200px; border-radius: 12px; }
    .lmq-banner-content    { padding: 24px 20px; }
    .lmq-banner-title      { font-size: clamp(20px,5vw,30px); margin-bottom: 12px; }

    /* Bento */
    .lmq-bento             { grid-template-columns: 1fr 1fr; gap: 10px; grid-template-rows:240px 240px auto; }
    .lmq-bc-bl { grid-column:1/3; grid-row:3; min-height:220px; }
    .lmq-bento-cell.tall   { grid-row: auto; }
    .lmq-bento-cell.wide   { grid-column: auto; }

    /* Newsletter */
    .lmq-newsletter        { padding: 36px 20px; border-radius: 14px; }
    .lmq-newsletter-title  { font-size: clamp(18px,5vw,26px); }
    .lmq-newsletter-form   { flex-direction: column; gap: 8px; }
    .lmq-newsletter-submit { width: 100%; }

    /* Shop */
    .lmq-shop-toolbar      { flex-direction: column; align-items: flex-start; gap: 10px; }
    .lmq-cat-tabs-strip    { top: 56px; }
    .lmq-cat-tab           { padding: 10px 12px; font-size: 11px; }

    /* Sticky ATC */
    .lmq-sticky-inner      { padding: 8px 0; gap: 10px; }
    .lmq-sticky-name       { font-size: 12px; }
    .lmq-sticky-btn        { padding: 10px 18px; font-size: 12px; }

    /* Footer — handled in dedicated footer media block below */

    /* Popup */
    .lmq-popup-head        { padding: 20px 16px 10px; }
    .lmq-popup-h2          { font-size: 18px; }
}

/* ── 480px Small Mobile ────────────────────────────────────── */
@media (max-width: 480px) {
    .lmq-container         { padding: 0 14px; }

    .lmq-products-grid     { gap: 8px; }
    .lmq-card-name         { font-size: 12px; }
    .lmq-card-desc         { display: none; }
    .lmq-card-rating       { display: none; }
    .lmq-card-atc          { font-size: 11px; padding: 8px; }

    /* trust stays 2-col on 480px too */
    .lmq-bento             { grid-template-columns: 1fr; grid-template-rows: auto; }
    .lmq-bc-hero,.lmq-bc-tr,.lmq-bc-mr,.lmq-bc-bl { grid-column:1 !important; grid-row:auto !important; min-height:200px; }

    .lmq-footer-certs      { flex-wrap: wrap; gap: 8px; }
    .lmq-payment-row       { flex-wrap: wrap; }
}


/* ================================================================
   FOOTER RESPONSIVE — FINAL (single source of truth)
================================================================ */

/* Tablet 1024px */
@media (max-width: 1024px) {
    .lmq-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }
}

/* Mobile 768px */
@media (max-width: 768px) {
    .lmq-footer { padding: 48px 0 0; }
    .lmq-footer-inner { padding: 0 18px; }

    .lmq-footer-top {
        grid-template-columns: 1fr 1fr !important;
        gap: 24px 28px;
        padding-bottom: 28px;
    }

    /* Brand — full row */
    .lmq-footer-brand {
        grid-column: 1 / -1 !important;
    }

    /* روابط سريعة (col 2) + روابط مهمة (col 3) — جنب بعض */
    .lmq-footer-col:nth-child(2),
    .lmq-footer-col:nth-child(3) {
        grid-column: auto !important;
    }

    /* تواصل معنا (col 4) — full row */
    .lmq-footer-col:nth-child(4) {
        grid-column: 1 / -1 !important;
    }

    /* Social links — 2 per row on mobile */
    .lmq-footer-social-full {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .lmq-footer-social-link {
        border-bottom: none;
        padding: 6px 0;
    }

    .lmq-footer-bottom {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding: 16px 0;
    }
    .lmq-footer-legal {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .lmq-footer-link    { font-size: 12px; }
    .lmq-footer-tagline { font-size: 12px; }
    .lmq-footer-col-title { font-size: 9px; margin-bottom: 14px; }
}

/* Mobile 480px */
@media (max-width: 480px) {
    .lmq-footer-inner { padding: 0 14px; }
    .lmq-footer-certs { flex-wrap: wrap; }
    .lmq-footer-social-full { grid-template-columns: 1fr; }
}

/* ── HIDE ALL CAROUSEL ARROWS COMPLETELY ── */
.lmq-carousel-nav,
.lmq-carousel-btn,
[class*="car-prev"],
[class*="car-next"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ================================================================
   PRODUCTS SLIDER — Desktop + Mobile
================================================================ */
.lmq-products-section .lmq-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.lmq-slider-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Prev/Next buttons */
.lmq-sl-btn {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid var(--lmq-border, #EDE8E3);
    color: var(--lmq-dark, #2B2320);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all .2s cubic-bezier(.22,1,.36,1);
    flex-shrink: 0;
}
.lmq-sl-btn:hover {
    background: var(--lmq-teal, #419D99);
    border-color: var(--lmq-teal, #419D99);
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 4px 14px rgba(65,157,153,.3);
}
.lmq-sl-btn:disabled {
    opacity: .3;
    pointer-events: none;
}

/* Slider wrapper — masks overflow */
.lmq-slider-wrap {
    overflow: hidden;
    position: relative;
}

/* Track — flex row */
.lmq-slider-track {
    display: flex;
    gap: 16px;
    transition: transform .45s cubic-bezier(.22,1,.36,1);
    will-change: transform;
}

/* Each card — fixed width */
.lmq-slider-track .lmq-card {
    flex: 0 0 calc(25% - 12px);   /* 4 visible on desktop */
    min-width: 0;
}

/* Dots */
.lmq-slider-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
    min-height: 12px;
}
.lmq-slider-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--lmq-border, #EDE8E3);
    border: none; padding: 0; cursor: pointer;
    transition: all .25s;
}
.lmq-slider-dot.active {
    width: 22px;
    border-radius: 4px;
    background: var(--lmq-teal, #419D99);
}

/* Tablet — 2 cards visible */
@media (max-width: 1024px) {
    .lmq-slider-track .lmq-card {
        flex: 0 0 calc(50% - 8px);
    }
}

/* Mobile — 1.5 cards (peek) */
@media (max-width: 768px) {
    .lmq-slider-track {
        gap: 12px;
        /* Touch drag */
        cursor: grab;
    }
    .lmq-slider-track:active { cursor: grabbing; }
    .lmq-slider-track .lmq-card {
        flex: 0 0 calc(55vw - 20px);
        max-width: 220px;
    }
    .lmq-sl-btn { width: 32px; height: 32px; }
    .lmq-sec-link { font-size: 11px; }
}

@media (max-width: 480px) {
    .lmq-slider-track .lmq-card {
        flex: 0 0 calc(65vw - 18px);
        max-width: 210px;
    }
}

/* ================================================================
   PRODUCTS SLIDER — Pure CSS scroll, swipe-only
================================================================ */

/* Outer: hides overflow */
.lmq-pslider {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 8px;
    cursor: grab;
}
.lmq-pslider:active { cursor: grabbing; }
.lmq-pslider::-webkit-scrollbar { display: none; }

/* Each item */
.lmq-pslider-item {
    flex: 0 0 calc(25% - 12px);  /* 4 visible */
    scroll-snap-align: start;
    scroll-snap-stop: always;
    min-width: 0;
}
.lmq-pslider-item .lmq-card { height: 100%; }

/* Tablet — 3 visible */
@media (max-width: 1200px) {
    .lmq-pslider-item { flex: 0 0 calc(33.333% - 11px); }
}

/* Tablet sm — 2 visible */
@media (max-width: 900px) {
    .lmq-pslider-item { flex: 0 0 calc(50% - 8px); }
}

/* Mobile — 1.7 visible (peek of next card) */
@media (max-width: 600px) {
    .lmq-pslider { gap: 12px; padding-right: 14px; padding-left: 14px; margin: 0 -16px; padding-bottom: 4px; }
    .lmq-pslider-item { flex: 0 0 calc(58vw); }
}

/* Override old grid/carousel rules for this slider */
.lmq-pslider .lmq-card { display: flex; flex-direction: column; }

/* ================================================================
   BENTO COLLECTION — Mosaic Grid with Animations
================================================================ */

/* Keyframes */
@keyframes lmq-bc-fadein {
    from { opacity:0; transform:translateY(32px) scale(.97); }
    to   { opacity:1; transform:none; }
}
@keyframes lmq-bc-slideup {
    from { opacity:0; transform:translateY(16px); }
    to   { opacity:1; transform:none; }
}

/* Grid — 3 col, 2 row mosaic */
.lmq-bento {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap: 14px;
}

/* Cell base */
.lmq-bento-cell {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: block;
    cursor: pointer;
    background: var(--lmq-teal, #419D99);
    opacity: 0;
    animation: lmq-bc-fadein .65s cubic-bezier(.22,1,.36,1) forwards;
}

/* Stagger delays */
.lmq-bento-cell[data-index="0"] { animation-delay: .05s; }
.lmq-bento-cell[data-index="1"] { animation-delay: .12s; }
.lmq-bento-cell[data-index="2"] { animation-delay: .19s; }
.lmq-bento-cell[data-index="3"] { animation-delay: .26s; }

/* Grid positions — RTL: col1=right, col3=left visually */
/* index 0 = يمين طويل */
.lmq-bc-hero { grid-column: 1; grid-row: 1 / 3; }
/* index 1 = وسط أعلى */
.lmq-bc-tr   { grid-column: 2; grid-row: 1; }
/* index 2 = وسط أسفل */
.lmq-bc-mr   { grid-column: 2; grid-row: 2; }
/* index 3 = يسار طويل */
.lmq-bc-bl   { grid-column: 3; grid-row: 1 / 3; }

/* Background image zoom layer */
.lmq-bc-img {
    position: absolute; inset: 0;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: transform .65s cubic-bezier(.22,1,.36,1);
    z-index: 0;
}
.lmq-bento-cell:hover .lmq-bc-img {
    transform: scale(1.07);
}

/* Gradient overlay */
.lmq-bc-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(
        to top,
        rgba(17,12,10,.88) 0%,
        rgba(17,12,10,.4)  45%,
        rgba(17,12,10,.08) 100%
    );
    transition: background .35s;
}
.lmq-bento-cell:hover .lmq-bc-overlay {
    background: linear-gradient(
        to top,
        rgba(17,12,10,.92) 0%,
        rgba(17,12,10,.55) 55%,
        rgba(17,12,10,.15) 100%
    );
}

/* Content */
.lmq-bc-content {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 24px 22px;
    z-index: 2;
    transform: translateY(4px);
    transition: transform .35s cubic-bezier(.22,1,.36,1);
}
.lmq-bento-cell:hover .lmq-bc-content {
    transform: translateY(-6px);
}

/* Eyebrow */
.lmq-bc-eyebrow {
    font-size: 9px; font-weight: 800;
    color: var(--lmq-gold, #C9A84C);
    letter-spacing: 2.5px; text-transform: uppercase;
    margin-bottom: 6px;
    opacity: .85;
}

/* Name */
.lmq-bc-name {
    font-size: clamp(17px, 2.2vw, 26px);
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 6px;
}
.lmq-bc-hero .lmq-bc-name {
    font-size: clamp(22px, 3vw, 36px);
}

/* Description */
.lmq-bc-desc {
    font-size: 11.5px;
    color: rgba(255,255,255,.62);
    line-height: 1.6;
    margin-bottom: 12px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .3s .05s, transform .3s .05s;
}
.lmq-bento-cell:hover .lmq-bc-desc {
    opacity: 1;
    transform: none;
}

/* CTA Button */
.lmq-bc-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px; font-weight: 800;
    color: var(--lmq-gold, #C9A84C);
    border-bottom: 1px solid rgba(201,168,76,.4);
    padding-bottom: 2px;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity .3s .1s, transform .3s .1s, gap .2s;
}
.lmq-bento-cell:hover .lmq-bc-btn {
    opacity: 1;
    transform: none;
}
.lmq-bc-btn:hover { gap: 10px; }

/* Hover box shadow */
.lmq-bento-cell {
    transition:
        opacity .65s cubic-bezier(.22,1,.36,1),
        box-shadow .35s,
        transform .35s cubic-bezier(.22,1,.36,1);
    box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.lmq-bento-cell:hover {
    box-shadow: 0 16px 48px rgba(0,0,0,.22);
    transform: translateY(-3px);
}

/* ── Responsive ── */

/* Medium — 2 col */
@media (max-width: 1024px) {
    .lmq-bento {
        grid-template-columns: 1.1fr 1fr;
        grid-template-rows: 280px 240px 240px;
        gap: 10px;
    }
    .lmq-bc-hero { grid-column:1; grid-row:1/3; }
    .lmq-bc-tr   { grid-column:2; grid-row:1; }
    .lmq-bc-mr   { grid-column:2; grid-row:2; }
    .lmq-bc-bl   { grid-column:1; grid-row:3; }
    .lmq-bc-br   { grid-column:2; grid-row:3; }
}

/* Mobile — horizontal scroll */
@media (max-width: 680px) {
    .lmq-bento {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 10px;
        padding-bottom: 8px;
        grid-template-columns: unset;
        grid-template-rows: unset;
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .lmq-bento::-webkit-scrollbar { display: none; }
    .lmq-bento-cell {
        flex: 0 0 68vw;
        max-width: 260px;
        height: 240px;
        scroll-snap-align: start;
        border-radius: 14px;
        transform: none !important; /* disable hover lift on mobile */
    }
    .lmq-bc-hero,
    .lmq-bc-tr,
    .lmq-bc-mr,
    .lmq-bc-bl,
    .lmq-bc-br { grid-column:auto; grid-row:auto; }

    .lmq-bc-name { font-size: 18px; }
    .lmq-bc-hero .lmq-bc-name { font-size: 20px; }
    .lmq-bc-btn, .lmq-bc-desc { opacity: 1; transform: none; } /* always show on mobile */
}

/* ================================================================
   FEATURE SECTION — Split: Products | Text
================================================================ */

@keyframes lmq-feat-in {
    from { opacity:0; transform:translateY(28px) scale(.97); }
    to   { opacity:1; transform:none; }
}

.lmq-feature-sec {
    background: var(--lmq-teal, #419D99);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
    isolation: isolate;
    z-index: 1;
}

/* ── Left: Products 2x2 grid ── */
.lmq-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 40px 20px 40px 40px;
    align-content: center;
}

/* Product card */
.lmq-feat-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    box-shadow: 0 4px 20px rgba(0,0,0,.12);
    opacity: 0;
    animation: lmq-feat-in .6s cubic-bezier(.22,1,.36,1) forwards;
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
.lmq-feat-card:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 12px 36px rgba(0,0,0,.2);
}
.lmq-feat-card-img {
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    background: var(--lmq-bg2, #F5F3F0);
}
.lmq-feat-card-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.22,1,.36,1);
}
.lmq-feat-card:hover .lmq-feat-card-img img {
    transform: scale(1.08);
}
.lmq-feat-badge {
    position: absolute;
    top: 10px; left: 10px;
    background: var(--lmq-teal, #419D99);
    color: #fff;
    font-size: 9px; font-weight: 800;
    padding: 3px 9px; border-radius: 99px;
    letter-spacing: .5px;
}
.lmq-feat-card-body {
    padding: 12px 14px 14px;
    text-align: center;
}
.lmq-feat-card-name {
    font-size: 12.5px; font-weight: 700;
    color: var(--lmq-dark, #2B2320);
    margin-bottom: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lmq-feat-card-price .woocommerce-Price-amount,
.lmq-feat-card-price {
    font-size: 14px; font-weight: 900;
    color: var(--lmq-gold, #C9A84C);
}
.lmq-feat-card-price del { opacity: .5; font-size: 11px; }

/* Stagger cards */
.lmq-feat-card:nth-child(1) { animation-delay: .08s; }
.lmq-feat-card:nth-child(2) { animation-delay: .16s; }
.lmq-feat-card:nth-child(3) { animation-delay: .24s; }
.lmq-feat-card:nth-child(4) { animation-delay: .32s; }

/* ── Right: Content ── */
.lmq-feature-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 48px 60px 32px;
    position: relative;
    z-index: 2;
}
.lmq-feature-label {
    font-size: 9px; font-weight: 800;
    color: rgba(255,255,255,.6);
    letter-spacing: 3px; text-transform: uppercase;
    margin-bottom: 14px;
    display: flex; align-items: center; gap: 10px;
}
.lmq-feature-label::before {
    content: '';
    width: 22px; height: 1.5px;
    background: var(--lmq-gold, #C9A84C);
    flex-shrink: 0;
}
.lmq-feature-title {
    font-size: clamp(28px, 3.5vw, 52px);
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -1.5px;
    margin-bottom: 18px;
}
.lmq-feature-sub {
    font-size: 15px;
    color: rgba(255,255,255,.7);
    line-height: 1.8;
    max-width: 400px;
    margin-bottom: 32px;
}
.lmq-feature-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background: var(--lmq-gold, #C9A84C);
    color: var(--lmq-dark, #2B2320);
    border-radius: 10px;
    font-size: 14px; font-weight: 900;
    text-decoration: none;
    width: fit-content;
    box-shadow: 0 8px 28px rgba(201,168,76,.45);
    transition: transform .25s, box-shadow .25s, background .2s;
}
.lmq-feature-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(201,168,76,.55);
    background: #b8963e;
    color: #fff;
}

/* Decorative rings */
.lmq-feature-deco { position:absolute; inset:0; pointer-events:none; z-index:0; }
.lmq-fd-ring {
    position: absolute;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.08);
}
.lmq-fd-r1 { width:320px; height:320px; top:-80px; right:-80px; }
.lmq-fd-r2 { width:200px; height:200px; bottom:-60px; left:40%; }
.lmq-fd-dot {
    position: absolute;
    border-radius: 50%;
    background: rgba(201,168,76,.4);
}
.lmq-fd-d1 { width:8px; height:8px; top:15%; right:5%; animation: lmq-sparkle-blink 2.5s ease-in-out infinite; }
.lmq-fd-d2 { width:5px; height:5px; bottom:25%; right:8%; animation: lmq-sparkle-blink 3.5s ease-in-out .8s infinite; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .lmq-feature-sec {
        grid-template-columns: 1fr;
    }
    .lmq-feature-content {
        padding: 40px 24px 48px;
        text-align: right;
    }
    .lmq-feature-label { justify-content: flex-end; }
    .lmq-feature-btn   { margin-right: auto; }
    .lmq-feature-grid  { padding: 32px 20px 20px; }
}
@media (max-width: 480px) {
    .lmq-feature-grid { padding: 24px 14px 16px; gap: 8px; }
    .lmq-feat-card-body { padding: 8px 10px 10px; }
    .lmq-feat-card-name { font-size: 11.5px; }
}

/* ================================================================
   REVIEWS — 3D Carousel
================================================================ */

.lmq-reviews-sec { background: var(--lmq-bg2, #F5F3F0); padding: 80px 0; }

/* Header */
.lmq-reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 48px;
    flex-wrap: wrap;
}
.lmq-reviews-sub { font-size: 13px; color: var(--lmq-muted,#7A6E6A); margin-top: 5px; }
.lmq-reviews-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.lmq-reviews-avg-num {
    font-size: 52px; font-weight: 900;
    color: var(--lmq-teal,#419D99); line-height: 1;
}
.lmq-reviews-stars-row { display: flex; gap: 2px; margin-bottom: 3px; }
.lmq-reviews-total { font-size: 11px; color: var(--lmq-muted,#7A6E6A); }

/* Scene container */
.lmq-reviews-scene {
    position: relative;
    perspective: 1200px;
    height: 300px;
    overflow: visible;
}

/* Track */
.lmq-reviews-track {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(.22,1,.36,1);
}

/* Individual card */
.lmq-rev-card {
    position: absolute;
    width: 340px;
    left: 50%;
    top: 0;
    transform-origin: center;
    transition: all .6s cubic-bezier(.22,1,.36,1);
    cursor: pointer;
}
.lmq-rev-inner {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,.07);
    border: 1px solid var(--lmq-border,#EDE8E3);
    height: 100%;
    transition: box-shadow .3s;
}
.lmq-rev-card.is-active .lmq-rev-inner {
    box-shadow: 0 20px 60px rgba(0,0,0,.14);
    border-color: transparent;
}

/* Card states via JS classes */
.lmq-rev-card.pos-center {
    transform: translateX(-50%) translateZ(0px) scale(1);
    z-index: 5; opacity: 1;
}
.lmq-rev-card.pos-left1 {
    transform: translateX(calc(-50% - 280px)) translateZ(-80px) rotateY(12deg) scale(.88);
    z-index: 4; opacity: .7;
}
.lmq-rev-card.pos-left2 {
    transform: translateX(calc(-50% - 480px)) translateZ(-160px) rotateY(18deg) scale(.75);
    z-index: 3; opacity: .4;
}
.lmq-rev-card.pos-right1 {
    transform: translateX(calc(-50% + 280px)) translateZ(-80px) rotateY(-12deg) scale(.88);
    z-index: 4; opacity: .7;
}
.lmq-rev-card.pos-right2 {
    transform: translateX(calc(-50% + 480px)) translateZ(-160px) rotateY(-18deg) scale(.75);
    z-index: 3; opacity: .4;
}
.lmq-rev-card.pos-hidden {
    opacity: 0; pointer-events: none; z-index: 1;
    transform: translateX(-50%) translateZ(-240px) scale(.6);
}

/* Card content */
.lmq-rev-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.lmq-rev-avatar {
    width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 800; flex-shrink: 0;
}
.lmq-rev-name  { font-size: 13px; font-weight: 700; color: var(--lmq-dark); }
.lmq-rev-date  { font-size: 10px; color: var(--lmq-muted,#7A6E6A); margin-top: 1px; }
.lmq-rev-verified {
    margin-right: auto; font-size: 9px; font-weight: 700;
    background: var(--lmq-teal-l,#e4f5f4); color: var(--lmq-teal-d,#2d7a76);
    padding: 2px 8px; border-radius: 4px; flex-shrink: 0;
}
.lmq-rev-stars { display: flex; gap: 2px; margin-bottom: 12px; }
.lmq-rev-text  {
    font-size: 13px; color: var(--lmq-muted,#7A6E6A);
    line-height: 1.75; margin: 0;
}
.lmq-rev-photo {
    width: 60px; height: 60px; border-radius: 8px;
    object-fit: cover; margin-top: 12px;
    border: 1px solid var(--lmq-border);
}

/* Nav buttons */
.lmq-rev-nav {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    width: 42px; height: 42px; border-radius: 50%;
    background: #fff; border: 1.5px solid var(--lmq-border,#EDE8E3);
    color: var(--lmq-dark,#2B2320);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 10;
    transition: all .2s;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.lmq-rev-nav:hover {
    background: var(--lmq-teal,#419D99);
    border-color: var(--lmq-teal,#419D99);
    color: #fff;
    box-shadow: 0 6px 20px rgba(65,157,153,.3);
}
.lmq-rev-prev { right: calc(50% + 230px); }
.lmq-rev-next { left:  calc(50% + 230px); }

/* Dots */
.lmq-reviews-dots {
    display: flex; justify-content: center; gap: 6px;
    position: absolute; bottom: -32px; width: 100%;
}
.lmq-rev-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--lmq-border,#EDE8E3);
    border: none; padding: 0; cursor: pointer;
    transition: all .25s;
}
.lmq-rev-dot.active {
    width: 22px; border-radius: 4px;
    background: var(--lmq-teal,#419D99);
}

/* ── Reviews Responsive ── */
@media (max-width: 1100px) {
    .lmq-rev-card { width: 300px; }
    .lmq-rev-card.pos-left1  { transform: translateX(calc(-50% - 240px)) translateZ(-80px) rotateY(12deg) scale(.86); }
    .lmq-rev-card.pos-right1 { transform: translateX(calc(-50% + 240px)) translateZ(-80px) rotateY(-12deg) scale(.86); }
    .lmq-rev-prev { right: calc(50% + 200px); }
    .lmq-rev-next { left:  calc(50% + 200px); }
}
@media (max-width: 768px) {
    /* Mobile: flat single-card scroll, no 3D */
    .lmq-reviews-scene {
        height: auto;
        perspective: none;
        overflow: hidden;
    }
    .lmq-reviews-track {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
        padding: 8px 4px 16px;
        transform: none !important;
        transform-style: flat;
    }
    .lmq-reviews-track::-webkit-scrollbar { display: none; }
    /* All cards flat, visible, scroll */
    .lmq-rev-card {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        opacity: 1 !important;
        width: 82vw;
        max-width: 300px;
        flex: 0 0 82vw;
        max-width: 300px;
        scroll-snap-align: center;
        pointer-events: all !important;
        height: auto;
    }
    .lmq-rev-inner { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
    /* Hide nav buttons on mobile — swipe only */
    .lmq-rev-nav { display: none; }
    /* Dots below */
    .lmq-reviews-dots {
        position: relative;
        bottom: auto;
        margin-top: 12px;
    }
    .lmq-reviews-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 24px;
    }
    .lmq-reviews-meta { justify-content: flex-start; }
    .lmq-reviews-avg-num { font-size: 40px; }
}

/* ================================================================
   HORIZONTAL OVERFLOW — NUCLEAR FIX
   Root cause: position:absolute/fixed elements bleeding outside viewport
================================================================ */

/* 1. Lock html+body — nothing escapes */
html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
}

/* 2. Every section gets overflow protection */
section,
header,
footer,
.lmq-header,
.lmq-footer,
.lmq-hero,
.lmq-feature-sec,
.lmq-sp-main,
.lmq-section,
.lmq-reviews-sec,
.lmq-sp-tabs,
.lmq-sp-related,
.lmq-bento-sec {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

/* 3. Fix feature deco rings — they bleed outside on mobile */
.lmq-fd-ring,
.lmq-fd-dot {
    overflow: hidden;
}
.lmq-feature-deco {
    overflow: hidden !important;
    pointer-events: none;
}
@media (max-width: 768px) {
    .lmq-fd-r1 { width: 200px !important; height: 200px !important; right: -60px !important; top: -40px !important; }
    .lmq-fd-r2 { display: none !important; }
}

/* 4. Reviews 3D — on mobile arrows go outside → hide them */
@media (max-width: 768px) {
    .lmq-rev-prev,
    .lmq-rev-next { display: none !important; }
    .lmq-reviews-scene { overflow: hidden !important; }
}

/* 5. Skincare bg stays fully fixed and within viewport */
#lmq-skincare-bg {
    overflow: hidden !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
}

/* 6. Container never goes wider than screen */
.lmq-container {
    max-width: min(1280px, 100%) !important;
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
}

/* 7. Any flex/grid child can shrink below its content width */
.lmq-sp-wrap > *,
.lmq-sp-gallery,
.lmq-sp-summary {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* 8. Pslider horizontal scroll stays contained */
.lmq-pslider {
    max-width: 100% !important;
}

/* ================================================================
   SINGLE PRODUCT — Reviews Grid + Related
================================================================ */
.lmq-sp-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.lmq-sp-review-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    border: 1px solid var(--lmq-border, #EDE8E3);
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
    transition: transform .3s, box-shadow .3s;
}
.lmq-sp-review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0,0,0,.1);
}
.lmq-sp-rev-head {
    display: flex; align-items: center;
    gap: 10px; margin-bottom: 12px;
}
.lmq-sp-rev-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 800; flex-shrink: 0;
}
.lmq-sp-rev-name  { font-size: 13px; font-weight: 700; color: var(--lmq-dark); }
.lmq-sp-rev-date  { font-size: 10px; color: var(--lmq-muted); margin-top: 1px; }
.lmq-sp-rev-badge {
    margin-right: auto; font-size: 9px; font-weight: 700;
    background: #e4f5f4; color: #2d7a76;
    padding: 2px 8px; border-radius: 4px; flex-shrink: 0;
}
.lmq-sp-rev-stars { display: flex; gap: 2px; margin-bottom: 10px; }
.lmq-sp-rev-text  { font-size: 13px; color: var(--lmq-muted); line-height: 1.75; }
.lmq-sp-rev-photo {
    width: 56px; height: 56px; border-radius: 8px;
    object-fit: cover; margin-top: 10px;
    border: 1px solid var(--lmq-border);
}
.lmq-sp-rev-all-link {
    display: inline-block;
    padding: 11px 28px;
    border: 1.5px solid var(--lmq-teal, #419D99);
    border-radius: 10px;
    color: var(--lmq-teal, #419D99);
    font-size: 14px; font-weight: 700;
    text-decoration: none;
    transition: all .2s;
}
.lmq-sp-rev-all-link:hover {
    background: var(--lmq-teal, #419D99);
    color: #fff;
}

/* Reviews responsive */
@media (max-width: 900px) {
    .lmq-sp-reviews-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .lmq-sp-reviews-grid { grid-template-columns: 1fr; }
}

/* ── Dashboard sidebar groups ── */
.lmq-side-group {
    font-size: 10px;
    font-weight: 800;
    color: rgba(255,255,255,.4);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 18px 20px 6px;
    margin-top: 4px;
}


/* ================================================================
   SHOP PAGE — فلتر كامل
================================================================ */
.lmq-shop-page { background: var(--lmq-bg, #FAF8F5); }

/* ── Page header ── */
.lmq-shop-header {
    background: var(--lmq-teal, #419D99);
    padding: 28px 0;
}
.lmq-shop-header-inner {
    display: flex; align-items: center;
    justify-content: space-between; gap: 16px;
}
.lmq-shop-page-title {
    font-size: clamp(22px,3vw,32px); font-weight: 900;
    color: #fff; display: flex; align-items: center; gap: 10px;
}
.lmq-filter-badge {
    font-size: 11px; font-weight: 700;
    background: var(--lmq-gold,#C9A84C); color: #2B2320;
    padding: 3px 10px; border-radius: 99px;
    vertical-align: middle;
}
.lmq-shop-bc {
    font-size: 12px; color: rgba(255,255,255,.65);
    margin-top: 4px;
}
.lmq-shop-bc a { color: rgba(255,255,255,.7); text-decoration: none; }
.lmq-shop-bc a:hover { color: #fff; }
.lmq-clear-all-btn {
    padding: 9px 18px; border-radius: 8px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    color: #fff; font-size: 13px; font-weight: 600;
    text-decoration: none; white-space: nowrap;
    transition: background .2s;
}
.lmq-clear-all-btn:hover { background: rgba(255,255,255,.25); }

/* ── Categories Pills Bar ── */
.lmq-shop-cats-bar {
    background: #fff;
    border-bottom: 1px solid #EDE8E3;
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 50;
}
.lmq-shop-cats-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 2px;
    flex-wrap: nowrap;
}
.lmq-shop-cats-inner::-webkit-scrollbar { display: none; }
.lmq-shop-cat-pill {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    padding: 7px 16px;
    border-radius: 99px;
    border: 1px solid #EDE8E3;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #2B2320;
    text-decoration: none;
    transition: all .2s;
    cursor: pointer;
    flex-shrink: 0;
}
.lmq-shop-cat-pill:hover {
    border-color: var(--lmq-teal, #419D99);
    color: var(--lmq-teal, #419D99);
    background: rgba(65,157,153,.06);
}
.lmq-shop-cat-pill.active {
    background: var(--lmq-teal, #419D99);
    border-color: var(--lmq-teal, #419D99);
    color: #fff;
}
.lmq-shop-cat-pill.active:hover { opacity: .9; }
.lmq-shop-cat-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.lmq-shop-cat-num {
    font-size: 11px;
    font-weight: 700;
    opacity: .55;
}
.lmq-shop-cat-pill.active .lmq-shop-cat-num { opacity: .85; }
@media (max-width: 768px) {
    .lmq-shop-cats-bar { padding: 10px 0; }
    .lmq-shop-cat-pill { padding: 6px 12px; font-size: 12px; }
    .lmq-shop-cat-thumb { width: 18px; height: 18px; }
}

/* ── Layout: sidebar + content ── */
.lmq-shop-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 28px;
    padding: 28px 0 80px;
    align-items: start;
}
.lmq-shop-content {
    min-width: 0;
    overflow: hidden;
}

/* ══ SIDEBAR ══════════════════════════════════════════════════ */
.lmq-shop-sidebar {
    position: sticky;
    top: 72px;
}
.lmq-sidebar-inner {
    background: #fff;
    border: 1px solid var(--lmq-border, #EDE8E3);
    border-radius: 16px;
    overflow: hidden;
}
.lmq-sidebar-mobile-head {
    display: none;
    align-items: center; justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid var(--lmq-border);
    font-size: 15px; font-weight: 700;
}
.lmq-sidebar-close {
    background: none; border: none; cursor: pointer;
    font-size: 18px; color: var(--lmq-muted); padding: 0;
}

/* Filter form */
.lmq-filter-form { padding: 4px 0; }
.lmq-filter-group { padding: 16px 18px; }
.lmq-filter-title {
    font-size: 12px; font-weight: 800;
    color: var(--lmq-dark); letter-spacing: 1px;
    text-transform: uppercase; margin-bottom: 12px;
}
.lmq-filter-divider {
    height: 1px; background: var(--lmq-border, #EDE8E3);
    margin: 0 18px;
}

/* Category filter items */
.lmq-filter-cats { display: flex; flex-direction: column; gap: 3px; }
.lmq-filter-cat-item {
    display: flex; align-items: center; gap: 8px;
    padding: 7px 10px; border-radius: 8px; cursor: pointer;
    transition: background .15s; border: 1px solid transparent;
}
.lmq-filter-cat-item input { display: none; }
.lmq-filter-cat-item:hover { background: var(--lmq-bg2, #F5F3F0); }
.lmq-filter-cat-item.active {
    background: #e4f5f4;
    border-color: rgba(65,157,153,.3);
}
.lmq-filter-cat-item.active::before {
    content: '✓';
    width: 16px; height: 16px; border-radius: 4px;
    background: var(--lmq-teal, #419D99); color: #fff;
    font-size: 10px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.lmq-filter-cat-item:not(.active)::before {
    content: '';
    width: 16px; height: 16px; border-radius: 4px;
    border: 1.5px solid var(--lmq-border); flex-shrink: 0;
}
.lmq-filter-cat-name { flex: 1; font-size: 13px; font-weight: 500; color: var(--lmq-dark); }
.lmq-filter-cat-count {
    font-size: 10px; color: var(--lmq-muted);
    background: var(--lmq-bg2, #F5F3F0);
    padding: 1px 7px; border-radius: 99px;
    flex-shrink: 0;
}

/* Price range slider */
.lmq-price-track {
    position: relative; height: 4px;
    background: var(--lmq-border, #EDE8E3);
    border-radius: 99px; margin: 20px 0 14px;
}
.lmq-price-fill {
    position: absolute; height: 100%;
    background: var(--lmq-teal, #419D99);
    border-radius: 99px;
}
.lmq-range-input {
    position: absolute; top: -7px;
    width: 100%; height: 18px;
    background: none; outline: none; border: none;
    pointer-events: none; appearance: none;
    -webkit-appearance: none;
}
.lmq-range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px; height: 18px; border-radius: 50%;
    background: #fff; border: 2px solid var(--lmq-teal, #419D99);
    cursor: pointer; pointer-events: all;
    box-shadow: 0 2px 6px rgba(65,157,153,.3);
}
.lmq-price-inputs {
    display: flex; align-items: center; gap: 6px;
}
.lmq-price-input-wrap {
    display: flex; align-items: center; gap: 5px;
    background: var(--lmq-bg2, #F5F3F0);
    border-radius: 8px; padding: 7px 10px;
    font-size: 12px; color: var(--lmq-muted); flex: 1;
}
.lmq-price-input-wrap input {
    width: 100%; background: none; border: none; outline: none;
    font-size: 13px; font-weight: 700; color: var(--lmq-dark);
    font-family: 'Cairo', sans-serif; text-align: center;
}
.lmq-price-sep { font-size: 14px; color: var(--lmq-muted); }

/* Rating filter */
.lmq-filter-ratings { display: flex; flex-direction: column; gap: 4px; }
.lmq-filter-rating-item {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; border-radius: 8px; cursor: pointer;
    transition: background .15s; border: 1px solid transparent;
}
.lmq-filter-rating-item input { display: none; }
.lmq-filter-rating-item:hover { background: var(--lmq-bg2); }
.lmq-filter-rating-item:has(input:checked) {
    background: #e4f5f4; border-color: rgba(65,157,153,.3);
}
.lmq-filter-stars { display: flex; gap: 2px; }
.lmq-filter-rating-txt { font-size: 11px; color: var(--lmq-muted); }

/* Checkbox items */
.lmq-filter-check-item {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border-radius: 8px; cursor: pointer;
    font-size: 13px; color: var(--lmq-dark);
    transition: background .15s; margin-bottom: 4px;
}
.lmq-filter-check-item:hover { background: var(--lmq-bg2); }
.lmq-filter-check-item input { display: none; }
.lmq-filter-check-box {
    width: 18px; height: 18px; border-radius: 5px;
    border: 1.5px solid var(--lmq-border); flex-shrink: 0;
    transition: all .15s;
}
.lmq-filter-check-item input:checked ~ .lmq-filter-check-box {
    /* handled by :has below */
}
.lmq-filter-check-item:has(input:checked) .lmq-filter-check-box {
    background: var(--lmq-teal); border-color: var(--lmq-teal);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4 7L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: center;
}
.lmq-filter-check-item:has(input:checked) { background: #e4f5f4; }

/* Buttons */
.lmq-filter-apply-btn {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; width: calc(100% - 36px); margin: 16px 18px 8px;
    padding: 13px; background: var(--lmq-teal, #419D99);
    color: #fff; border: none; border-radius: 10px;
    font-family: 'Cairo',sans-serif; font-size: 14px; font-weight: 700;
    cursor: pointer; transition: background .2s;
}
.lmq-filter-apply-btn:hover { background: #2d7a76; }
.lmq-filter-clear-btn {
    display: block; text-align: center;
    margin: 0 18px 16px; padding: 9px;
    color: var(--lmq-teal); font-size: 13px; font-weight: 600;
    text-decoration: none; border-radius: 8px;
    border: 1px solid rgba(65,157,153,.3);
    transition: all .2s;
}
.lmq-filter-clear-btn:hover { background: #e4f5f4; }

/* ══ CONTENT AREA ══════════════════════════════════════════════ */

/* Toolbar */
.lmq-shop-toolbar {
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 16px; flex-wrap: wrap;
}
.lmq-mobile-filter-btn {
    display: none; align-items: center; gap: 7px;
    padding: 9px 16px; border-radius: 10px;
    border: 1.5px solid var(--lmq-border); background: #fff;
    font-family: 'Cairo',sans-serif; font-size: 13px; font-weight: 600;
    cursor: pointer; color: var(--lmq-dark);
    position: relative; transition: all .2s;
}
.lmq-mobile-filter-btn:hover { border-color: var(--lmq-teal); color: var(--lmq-teal); }
.lmq-filter-dot {
    position: absolute; top: -3px; right: -3px;
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--lmq-gold, #C9A84C);
    border: 2px solid #fff;
}
.lmq-shop-result-count { font-size: 13px; color: var(--lmq-muted); margin-left: auto; }

/* Sort */
.lmq-shop-sort { display: flex; align-items: center; gap: 8px; }
.lmq-sort-select {
    border: 1.5px solid var(--lmq-border); border-radius: 10px;
    padding: 8px 12px; font-family: 'Cairo',sans-serif;
    font-size: 13px; background: #fff; cursor: pointer;
    color: var(--lmq-dark); outline: none;
}
.lmq-sort-select:focus { border-color: var(--lmq-teal); }
.lmq-grid-toggle { display: flex; gap: 4px; }
.lmq-grid-btn {
    width: 34px; height: 34px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    border: 1.5px solid var(--lmq-border); background: #fff;
    color: var(--lmq-muted); cursor: pointer; transition: all .2s;
}
.lmq-grid-btn:hover { border-color: var(--lmq-teal); color: var(--lmq-teal); }
.lmq-grid-btn.active { background: var(--lmq-teal); border-color: var(--lmq-teal); color: #fff; }

/* Active filter chips */
.lmq-active-filters {
    display: flex; flex-wrap: wrap; gap: 7px;
    margin-bottom: 16px;
}
.lmq-active-filter-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 99px;
    background: #e4f5f4; border: 1px solid rgba(65,157,153,.3);
    font-size: 12px; font-weight: 600; color: var(--lmq-teal-d, #2d7a76);
}
.lmq-active-filter-chip a {
    color: var(--lmq-teal-d, #2d7a76); text-decoration: none;
    font-size: 13px; line-height: 1;
}
.lmq-active-filter-chip a:hover { color: #C05454; }

/* Products grid */
.lmq-shop-grid {
    display: grid; gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}
.lmq-shop-grid[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.lmq-shop-grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }

/* Pagination */
.lmq-shop-pagination { margin-top: 40px; }
.lmq-pagination {
    display: flex; align-items: center;
    justify-content: center; gap: 5px; flex-wrap: wrap;
}
.lmq-page-num {
    width: 38px; height: 38px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 600; text-decoration: none;
    border: 1.5px solid var(--lmq-border); background: #fff;
    color: var(--lmq-dark); transition: all .2s;
}
.lmq-page-num:hover { border-color: var(--lmq-teal); color: var(--lmq-teal); }
.lmq-page-num.active {
    background: var(--lmq-teal); border-color: var(--lmq-teal); color: #fff;
}
.lmq-page-btn {
    width: 38px; height: 38px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    border: 1.5px solid var(--lmq-border); background: #fff;
    color: var(--lmq-dark); text-decoration: none; transition: all .2s;
}
.lmq-page-btn:hover { background: var(--lmq-teal); border-color: var(--lmq-teal); color: #fff; }
.lmq-page-dots { font-size: 14px; color: var(--lmq-muted); padding: 0 2px; }

/* ══ RESPONSIVE ══════════════════════════════════════════════ */
@media (max-width: 900px) {
    .lmq-shop-layout {
        grid-template-columns: 1fr !important;
        padding: 16px 0 60px;
    }
    .lmq-shop-sidebar {
        position: fixed; top: 0; right: -100%; bottom: 0;
        width: 300px; z-index: 500;
        transition: right .35s cubic-bezier(.22,1,.36,1);
        overflow-y: auto;
    }
    .lmq-shop-sidebar.open { right: 0; }
    .lmq-sidebar-inner { border-radius: 0; height: 100%; }
    .lmq-sidebar-mobile-head { display: flex; }
    .lmq-mobile-filter-btn { display: flex; }
    .lmq-shop-grid { grid-template-columns: repeat(2,1fr) !important; gap: 10px; }
    .lmq-sidebar-overlay {
        position: fixed; inset: 0; background: rgba(0,0,0,.5);
        z-index: 499; opacity: 0; pointer-events: none;
        transition: opacity .35s;
    }
    .lmq-sidebar-overlay.open { opacity: 1; pointer-events: all; }
}
@media (max-width: 480px) {
    .lmq-shop-grid { grid-template-columns: repeat(2,1fr) !important; gap: 8px; }
    .lmq-shop-toolbar { gap: 8px; }
    .lmq-sort-select { font-size: 12px; padding: 7px 10px; }
}

/* ================================================================
   SINGLE PRODUCT PAGE — New Design
================================================================ */
.lmq-sp-main { padding: 24px 0 80px; overflow-x: hidden; }
.lmq-sp-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px; align-items: start;
    margin-bottom: 56px;
}

/* ── Gallery ── */
.lmq-sp-gallery { position: sticky; top: 72px; }

.lmq-sp-img-stage {
    position: relative; border-radius: 18px;
    overflow: hidden; background: var(--lmq-bg2, #F5F3F0);
    aspect-ratio: 1; margin-bottom: 10px;
    touch-action: pan-y;
}
.lmq-img-slides {
    display: flex; width: 100%; height: 100%;
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.lmq-img-slide {
    flex: 0 0 100%; height: 100%;
}
.lmq-img-slide img {
    width: 100%; height: 100%;
    object-fit: cover; object-position: center top;
    display: block;
}

/* Arrows */
.lmq-img-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 38px; height: 38px; border-radius: 50%;
    background: rgba(255,255,255,.92);
    border: none; cursor: pointer; z-index: 3;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    transition: all .2s; color: var(--lmq-dark);
}
.lmq-img-arrow:hover { background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.16); transform: translateY(-50%) scale(1.05); }
.lmq-img-prev { right: 12px; }
.lmq-img-next { left: 12px; }

/* Wishlist */
.lmq-sp-wish {
    position: absolute; bottom: 14px; left: 14px;
    width: 40px; height: 40px; border-radius: 50%;
    background: #fff; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 12px rgba(0,0,0,.12); z-index: 3;
    color: var(--lmq-muted); transition: all .25s;
}
.lmq-sp-wish:hover, .lmq-sp-wish.active { color: #C05454; background: #fee2e2; }
.lmq-sp-wish.active svg { fill: #C05454; }

/* Sale badge */
.lmq-sp-badge-sale {
    position: absolute; top: 14px; right: 14px;
    background: #C05454; color: #fff;
    font-size: 11px; font-weight: 800;
    padding: 4px 12px; border-radius: 99px; z-index: 3;
}

/* Dots */
.lmq-img-dots {
    position: absolute; bottom: 14px; left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 5px; z-index: 3;
}
.lmq-img-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: rgba(255,255,255,.5); cursor: pointer;
    transition: all .2s;
}
.lmq-img-dot.active { width: 18px; border-radius: 3px; background: #fff; }

/* Thumbnails */
.lmq-sp-thumbs {
    display: flex; gap: 8px; flex-wrap: wrap;
}
.lmq-sp-thumb {
    width: 64px; height: 64px; border-radius: 10px;
    border: 2px solid transparent; overflow: hidden;
    cursor: pointer; padding: 0; background: none;
    transition: border-color .2s;
}
.lmq-sp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.lmq-sp-thumb.active { border-color: var(--lmq-teal, #419D99); }

/* ── Summary ── */
.lmq-sp-cat { font-size: 11px; font-weight: 800; color: var(--lmq-teal); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.lmq-sp-title { font-size: clamp(22px,3vw,36px); font-weight: 900; color: var(--lmq-dark); line-height: 1.15; margin-bottom: 14px; }

/* Price */
.lmq-sp-price-top { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.lmq-sp-price-main { font-size: 32px; font-weight: 900; color: var(--lmq-teal, #419D99); }
.lmq-sp-price-was  { font-size: 16px; color: var(--lmq-muted); text-decoration: line-through; }
.lmq-sp-price-save-badge { font-size: 12px; font-weight: 800; background: #dcfce7; color: #166534; padding: 3px 10px; border-radius: 6px; }

/* Rating */
.lmq-sp-rating { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; flex-wrap: wrap; }
.lmq-sp-stars-row { display: flex; gap: 2px; }
.lmq-sp-rating-num  { font-size: 14px; font-weight: 800; color: var(--lmq-dark); }
.lmq-sp-rating-count { font-size: 12px; color: var(--lmq-muted); }
.lmq-sp-rating-link  { font-size: 12px; color: var(--lmq-teal); text-decoration: underline; }

/* Short desc + chips */
.lmq-sp-short-desc { font-size: 14px; color: var(--lmq-muted); line-height: 1.8; margin-bottom: 14px; }
.lmq-sp-chips      { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.lmq-sp-chip       { padding: 5px 13px; border-radius: 99px; font-size: 11px; font-weight: 700; background: #f7f0dc; color: #8B6914; border: 1px solid #e8d5a3; }

/* ══ BUNDLES — New Row Style ══ */
.lmq-sp-bundles-wrap { margin-bottom: 20px; }
.lmq-sp-bundles-lbl  { font-size: 12px; font-weight: 800; color: var(--lmq-dark); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.lmq-sp-bundles-list { display: flex; flex-direction: column; gap: 10px; }

.lmq-bundle-row {
    position: relative;
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px;
    border: 2px solid var(--lmq-border, #EDE8E3);
    border-radius: 14px; background: #fff;
    cursor: pointer; transition: all .25s cubic-bezier(.22,1,.36,1);
}
.lmq-bundle-row:hover { border-color: var(--lmq-teal); box-shadow: 0 4px 16px rgba(65,157,153,.1); }
.lmq-bundle-row.active {
    border-color: var(--lmq-teal, #419D99);
    background: #f0fafa;
    box-shadow: 0 6px 24px rgba(65,157,153,.15);
}
.lmq-bundle-row.popular { border-color: var(--lmq-gold, #C9A84C); }
.lmq-bundle-row.popular.active { background: #fefbf0; box-shadow: 0 6px 24px rgba(201,168,76,.18); }

/* Badge */
.lmq-bundle-row-badge {
    position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
    font-size: 10px; font-weight: 800;
    padding: 3px 12px; border-radius: 99px; white-space: nowrap;
}
.lmq-bundle-row-badge.pop { background: var(--lmq-gold,#C9A84C); color: #2B2320; }
.lmq-bundle-row-badge.val { background: var(--lmq-teal,#419D99); color: #fff; }

/* Bundle image stack */
.lmq-bundle-row-img {
    position: relative; width: 52px; height: 52px; flex-shrink: 0;
}
.lmq-bundle-row-img img {
    position: absolute; top: 0;
    width: 44px; height: 44px; border-radius: 8px;
    object-fit: cover; border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

/* Bundle info */
.lmq-bundle-row-info { flex: 1; min-width: 0; }
.lmq-bundle-row-name { font-size: 13px; font-weight: 700; color: var(--lmq-dark); margin-bottom: 3px; }
.lmq-bundle-row-qty  { font-size: 15px; font-weight: 900; }
.lmq-bundle-row-price { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lmq-bundle-row-now  { font-size: 13px; color: var(--lmq-muted); }
.lmq-bundle-row-now strong { color: var(--lmq-teal,#419D99); font-size: 15px; font-weight: 800; }
.lmq-bundle-row.popular .lmq-bundle-row-now strong { color: var(--lmq-gold,#C9A84C); }
.lmq-bundle-row-was  { font-size: 11px; color: var(--lmq-muted); text-decoration: line-through; }
.lmq-bundle-row-total { font-size: 12px; color: var(--lmq-muted); margin-top: 2px; display: flex; align-items: center; gap: 5px; }
.lmq-bundle-row-save-pill { background: #dcfce7; color: #166534; font-size: 9px; font-weight: 800; padding: 1px 7px; border-radius: 99px; }

/* Check circle */
.lmq-bundle-row-check {
    width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;
    border: 2px solid var(--lmq-border);
    display: flex; align-items: center; justify-content: center;
    color: transparent; transition: all .2s;
}
.lmq-bundle-row.active .lmq-bundle-row-check {
    background: var(--lmq-teal); border-color: var(--lmq-teal); color: #fff;
}
.lmq-bundle-row.popular.active .lmq-bundle-row-check { background: var(--lmq-gold); border-color: var(--lmq-gold); }

/* ══ CTA ══ */
.lmq-sp-cta-wrap { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.lmq-sp-atc-btn {
    width: 100%; padding: 17px;
    background: var(--lmq-teal, #419D99); color: #fff;
    border: none; border-radius: 12px;
    font-family: 'Cairo',sans-serif; font-size: 17px; font-weight: 900;
    cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px;
    box-shadow: 0 8px 28px rgba(65,157,153,.35);
    transition: all .25s;
}
.lmq-sp-atc-btn:hover { background: #2d7a76; transform: translateY(-2px); box-shadow: 0 12px 36px rgba(65,157,153,.45); }
.lmq-sp-atc-btn:disabled { opacity: .5; pointer-events: none; }
.lmq-sp-buynow-btn {
    width: 100%; padding: 15px; background: var(--lmq-gold,#C9A84C);
    color: #2B2320; text-decoration: none; border-radius: 12px;
    font-weight: 900; font-size: 16px; text-align: center; display: block;
    transition: all .2s;
}
.lmq-sp-buynow-btn:hover { background: #b8963e; transform: translateY(-1px); }

/* Payments */
.lmq-sp-payments { margin-bottom: 18px; }
.lmq-sp-pay-icons { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.lmq-sp-pay-badge {
    height: 26px; padding: 0 10px;
    background: var(--lmq-bg2, #F5F3F0);
    border-radius: 6px; font-size: 10px; font-weight: 800;
    color: var(--lmq-muted); border: 1px solid var(--lmq-border);
    display: flex; align-items: center;
}
.lmq-sp-pay-secure {
    display: flex; align-items: center; gap: 5px;
    font-size: 12px; font-weight: 600; color: #166534;
}

/* Trust accordion */
.lmq-sp-trust-acc { border-top: 1px solid var(--lmq-border); margin-bottom: 14px; }
.lmq-sp-trust-item {
    border-bottom: 1px solid var(--lmq-border);
    cursor: pointer;
}
.lmq-sp-trust-head {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 0; user-select: none;
}
.lmq-sp-trust-icon { color: var(--lmq-teal); display: flex; flex-shrink: 0; }
.lmq-sp-trust-title { flex: 1; font-size: 13px; font-weight: 700; color: var(--lmq-dark); }
.lmq-sp-trust-arrow { color: var(--lmq-muted); transition: transform .25s; flex-shrink: 0; }
.lmq-sp-trust-item.open .lmq-sp-trust-arrow { transform: rotate(180deg); }
.lmq-sp-trust-body {
    font-size: 13px; color: var(--lmq-muted); line-height: 1.7;
    padding: 0 0 12px 28px; display: none;
}
.lmq-sp-trust-item.open .lmq-sp-trust-body { display: block; }

/* SKU */
.lmq-sp-sku { font-size: 11px; color: var(--lmq-muted); margin-top: 8px; }

/* ── Tabs ── */
.lmq-sp-tabs { margin-bottom: 56px; }
.lmq-sp-tab-nav { display: flex; border-bottom: 2px solid var(--lmq-border); margin-bottom: 28px; }
.lmq-sp-tab-btn {
    padding: 13px 22px; background: none; border: none;
    font-family: 'Cairo',sans-serif; font-size: 15px; font-weight: 700;
    color: var(--lmq-muted); cursor: pointer; position: relative; transition: color .2s;
}
.lmq-sp-tab-btn::after {
    content: ''; position: absolute; bottom: -2px; right: 0; left: 0;
    height: 2px; background: var(--lmq-teal); transform: scaleX(0); transition: transform .25s;
}
.lmq-sp-tab-btn.active { color: var(--lmq-dark); }
.lmq-sp-tab-btn.active::after { transform: scaleX(1); }
.lmq-sp-tab-pane { display: none; font-size: 15px; color: var(--lmq-muted); line-height: 1.85; }
.lmq-sp-tab-pane.active { display: block; }
.lmq-sp-tab-pane p { margin-bottom: 14px; }
.lmq-sp-ingredients { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.lmq-sp-ingr-item {
    display: flex; align-items: center; gap: 10px;
    background: var(--lmq-bg2); border-radius: 10px;
    padding: 12px 14px; font-size: 13px; font-weight: 600; color: var(--lmq-dark);
}
.lmq-sp-ingr-icon { color: var(--lmq-gold); font-size: 16px; }

/* ── Sticky ── */
.lmq-sp-sticky {
    position: fixed; bottom: -80px; left: 0; right: 0;
    background: #fff; border-top: 1px solid var(--lmq-border);
    box-shadow: 0 -4px 24px rgba(0,0,0,.08);
    z-index: 200; padding: 10px 0;
    transition: bottom .35s cubic-bezier(.22,1,.36,1);
}
.lmq-sp-sticky.visible { bottom: 0; }
.lmq-sp-sticky-inner { display: flex; align-items: center; gap: 12px; }
.lmq-sp-sticky-img   { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.lmq-sp-sticky-name  { flex: 1; font-size: 14px; font-weight: 700; color: var(--lmq-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lmq-sp-sticky-price { font-size: 17px; font-weight: 900; color: var(--lmq-teal); flex-shrink: 0; }
.lmq-sp-sticky-btn   { background: var(--lmq-teal); color: #fff; border: none; border-radius: 10px; padding: 11px 22px; font-family: 'Cairo',sans-serif; font-size: 14px; font-weight: 800; cursor: pointer; flex-shrink: 0; transition: background .2s; }
.lmq-sp-sticky-btn:hover { background: #2d7a76; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .lmq-sp-wrap { grid-template-columns: 1fr !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }
    .lmq-sp-gallery { position: static !important; }
}
@media (max-width: 600px) {
    .lmq-sp-main { padding: 12px 0 70px !important; }
    .lmq-sp-title { font-size: 22px !important; }
    .lmq-sp-price-main { font-size: 26px !important; }
    .lmq-sp-atc-btn { font-size: 16px !important; padding: 15px !important; }
    .lmq-sp-buynow-btn { font-size: 15px !important; }
    .lmq-bundle-row { padding: 12px 12px !important; gap: 10px !important; }
    .lmq-bundle-row-img { width: 44px !important; height: 44px !important; }
    .lmq-bundle-row-img img { width: 38px !important; height: 38px !important; }
    .lmq-sp-ingredients { grid-template-columns: 1fr !important; }
    .lmq-sp-sticky-name { display: none !important; }
    .lmq-img-arrow { width: 32px !important; height: 32px !important; }
}

/* Shop — no sidebar layout */
.lmq-shop-layout.no-sidebar {
    grid-template-columns: 1fr !important;
}
.lmq-shop-layout.no-sidebar .lmq-shop-sidebar { display: none !important; }

/* ================================================================
   CART PAGE
================================================================ */
.lmq-cart-page { padding: 32px 0 80px; background: var(--lmq-bg,#FAF8F5); }
.lmq-cart-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; flex-wrap:wrap; gap:12px; }
.lmq-cart-title  { display:flex; align-items:center; gap:10px; font-size:26px; font-weight:900; color:var(--lmq-dark); }
.lmq-cart-title-count { background:var(--lmq-teal); color:#fff; font-size:13px; font-weight:800; padding:2px 10px; border-radius:99px; }
.lmq-cart-continue { font-size:13px; font-weight:600; color:var(--lmq-teal); display:flex; align-items:center; gap:6px; text-decoration:none; }

/* Empty */
.lmq-cart-empty { text-align:center; padding:80px 20px; }
.lmq-cart-empty-icon { margin-bottom:16px; }
.lmq-cart-empty h2 { font-size:22px; font-weight:700; margin-bottom:8px; }
.lmq-cart-empty p  { color:var(--lmq-muted); font-size:14px; margin-bottom:24px; }

/* Layout */
.lmq-cart-layout { display:grid; grid-template-columns:1fr 360px; gap:28px; align-items:start; }

/* Items */
.lmq-cart-items-wrap { background:#fff; border-radius:16px; border:1px solid var(--lmq-border); overflow:hidden; }
.lmq-cart-cols-head  { display:grid; grid-template-columns:2.5fr 1fr 1.2fr 1fr 40px; gap:12px; padding:12px 20px; background:var(--lmq-bg2); border-bottom:1px solid var(--lmq-border); font-size:11px; font-weight:700; color:var(--lmq-muted); text-transform:uppercase; letter-spacing:1px; }
.lmq-cart-item { display:grid; grid-template-columns:2.5fr 1fr 1.2fr 1fr 40px; gap:12px; align-items:center; padding:16px 20px; border-bottom:1px solid var(--lmq-border); transition:background .15s; }
.lmq-cart-item:last-child { border-bottom:none; }
.lmq-cart-item:hover { background:var(--lmq-bg,#FAF8F5); }
.lmq-cart-item-prod { display:flex; align-items:center; gap:12px; min-width:0; }
.lmq-cart-item-img  { width:72px; height:72px; border-radius:10px; overflow:hidden; flex-shrink:0; background:var(--lmq-bg2); display:block; }
.lmq-cart-item-img img { width:100%; height:100%; object-fit:cover; }
.lmq-cart-item-cat  { font-size:10px; font-weight:700; color:var(--lmq-teal); text-transform:uppercase; letter-spacing:1px; margin-bottom:3px; }
.lmq-cart-item-name { font-size:14px; font-weight:700; color:var(--lmq-dark); text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lmq-cart-item-var  { font-size:11px; color:var(--lmq-muted); margin-top:3px; }
.lmq-cart-item-price-mobile { display:none; font-size:13px; font-weight:700; color:var(--lmq-teal); margin-top:4px; }
.lmq-cart-item-price    { font-size:15px; font-weight:700; color:var(--lmq-dark); }
.lmq-cart-item-subtotal { font-size:15px; font-weight:900; color:var(--lmq-teal); }

/* Qty control */
.lmq-qty-ctrl { display:flex; align-items:center; border:1.5px solid var(--lmq-border); border-radius:9px; overflow:hidden; width:fit-content; }
.lmq-qty-btn  { width:32px; height:36px; background:none; border:none; cursor:pointer; font-size:18px; color:var(--lmq-dark); display:flex; align-items:center; justify-content:center; transition:background .15s; }
.lmq-qty-btn:hover { background:var(--lmq-bg2); }
.lmq-qty-input { width:44px; height:36px; text-align:center; border:none; border-right:1px solid var(--lmq-border); border-left:1px solid var(--lmq-border); font-family:'Cairo',sans-serif; font-size:14px; font-weight:700; background:none; outline:none; }

/* Remove button */
.lmq-cart-remove-btn { width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--lmq-muted); text-decoration:none; transition:all .2s; }
.lmq-cart-remove-btn:hover { background:#fee2e2; color:#C05454; }

/* Coupon */
.lmq-cart-coupon { padding:16px 20px; border-top:1px solid var(--lmq-border); }
.lmq-coupon-wrap { display:flex; gap:8px; }
.lmq-coupon-input { flex:1; border:1.5px solid var(--lmq-border); border-radius:9px; padding:9px 14px; font-family:'Cairo',sans-serif; font-size:13px; outline:none; }
.lmq-coupon-input:focus { border-color:var(--lmq-teal); }
.lmq-coupon-btn   { background:var(--lmq-dark); color:#fff; border:none; border-radius:9px; padding:9px 18px; font-family:'Cairo',sans-serif; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; transition:background .2s; }
.lmq-coupon-btn:hover { background:var(--lmq-teal); }

/* Actions */
.lmq-cart-actions { padding:12px 20px; border-top:1px solid var(--lmq-border); display:flex; justify-content:flex-end; }
.lmq-cart-update-btn { display:none; align-items:center; gap:7px; padding:9px 18px; border:1.5px solid var(--lmq-border); border-radius:9px; background:#fff; font-family:'Cairo',sans-serif; font-size:13px; font-weight:600; cursor:pointer; color:var(--lmq-dark); transition:all .2s; }
.lmq-cart-update-btn:hover { border-color:var(--lmq-teal); color:var(--lmq-teal); }

/* Summary card */
.lmq-cart-summary-card { background:#fff; border:1px solid var(--lmq-border); border-radius:16px; padding:24px; position:sticky; top:80px; }
.lmq-cart-summary-title { font-size:17px; font-weight:900; color:var(--lmq-dark); margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--lmq-border); }
.lmq-cart-summary-rows { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.lmq-cart-sum-row { display:flex; justify-content:space-between; font-size:14px; color:var(--lmq-muted); }
.lmq-cart-sum-discount { color:#16a34a; }
.lmq-cart-sum-total { display:flex; justify-content:space-between; align-items:center; font-size:18px; font-weight:900; color:var(--lmq-dark); padding:14px 0; border-top:2px solid var(--lmq-border); margin-bottom:18px; }
.lmq-cart-checkout-btn { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:16px; background:var(--lmq-teal,#419D99); color:#fff; border-radius:12px; font-weight:900; font-size:17px; text-decoration:none; margin-bottom:14px; transition:all .25s; box-shadow:0 8px 28px rgba(65,157,153,.35); }
.lmq-cart-checkout-btn:hover { background:#2d7a76; transform:translateY(-2px); box-shadow:0 12px 36px rgba(65,157,153,.45); }
.lmq-cart-pay-row { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
.lmq-cart-pay-badge { height:24px; padding:0 9px; background:var(--lmq-bg2); border-radius:5px; font-size:9.5px; font-weight:800; color:var(--lmq-muted); border:1px solid var(--lmq-border); display:flex; align-items:center; }
.lmq-cart-secure { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:#166534; margin-bottom:14px; }
.lmq-cart-trust { display:flex; flex-direction:column; gap:7px; padding-top:12px; border-top:1px solid var(--lmq-border); }
.lmq-cart-trust-item { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--lmq-muted); }

/* Responsive cart */
@media (max-width:900px) {
    .lmq-cart-layout { grid-template-columns:1fr !important; }
    .lmq-cart-summary-card { position:static !important; }
}
@media (max-width:640px) {
    .lmq-cart-cols-head { display:none; }
    .lmq-cart-item { grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:8px; }
    .lmq-cart-item-prod { grid-column:1/-1; }
    .lmq-cart-item-price { display:none; }
    .lmq-cart-item-price-mobile { display:block; }
    .lmq-cart-item-qty-wrap { grid-column:1; }
    .lmq-cart-item-subtotal { font-size:16px; font-weight:900; }
    .lmq-cart-item-remove { grid-row:1; grid-column:2; align-self:start; }
}

/* ================================================================
   CHECKOUT PAGE
================================================================ */
.lmq-checkout-page { padding: 24px 0 80px; background: var(--lmq-bg, #FAF8F5); }
.lmq-checkout-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; flex-wrap:wrap; gap:12px; }
.lmq-checkout-title { font-size:clamp(22px,3vw,30px); font-weight:900; color:var(--lmq-dark); }

/* Layout */
.lmq-checkout-layout { display:grid; grid-template-columns:1fr 400px; gap:28px; align-items:start; }

/* ── Section blocks ── */
.lmq-co-section {
    background:#fff; border:1px solid var(--lmq-border);
    border-radius:16px; padding:24px; margin-bottom:16px;
}
.lmq-co-section-head {
    display:flex; align-items:center; gap:12px;
    margin-bottom:20px; padding-bottom:14px;
    border-bottom:1px solid var(--lmq-border);
}
.lmq-co-step {
    width:32px; height:32px; border-radius:50%;
    background:var(--lmq-teal,#419D99); color:#fff;
    font-size:14px; font-weight:900;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
.lmq-co-section-title { font-size:16px; font-weight:800; color:var(--lmq-dark); }

/* ── WooCommerce field overrides ── */
.lmq-co-fields .woocommerce-billing-fields,
.lmq-co-fields .woocommerce-shipping-fields,
.lmq-co-fields .woocommerce-additional-fields { }

.lmq-checkout-form .form-row { margin-bottom:14px !important; }
.lmq-checkout-form .form-row label {
    font-size:12px !important; font-weight:700 !important;
    color:var(--lmq-dark) !important; margin-bottom:5px !important;
    display:block !important;
}
.lmq-checkout-form .form-row .required { color:var(--lmq-teal) !important; }
.lmq-checkout-form input.input-text,
.lmq-checkout-form select,
.lmq-checkout-form textarea {
    width:100% !important;
    border:1.5px solid var(--lmq-border,#EDE8E3) !important;
    border-radius:10px !important;
    padding:11px 14px !important;
    font-family:'Cairo',sans-serif !important;
    font-size:14px !important;
    background:#fff !important;
    outline:none !important;
    transition:border-color .2s !important;
    color:var(--lmq-dark) !important;
}
.lmq-checkout-form input.input-text:focus,
.lmq-checkout-form select:focus,
.lmq-checkout-form textarea:focus {
    border-color:var(--lmq-teal,#419D99) !important;
    box-shadow:0 0 0 3px rgba(65,157,153,.1) !important;
}
.lmq-checkout-form .form-row.woocommerce-invalid input,
.lmq-checkout-form .form-row.woocommerce-invalid select {
    border-color:#C05454 !important;
}
.lmq-checkout-form .woocommerce-error,
.lmq-checkout-form .woocommerce-info,
.lmq-checkout-form .woocommerce-message {
    border-radius:10px !important; font-family:'Cairo',sans-serif !important;
}

/* Two-column billing fields */
.lmq-co-fields .woocommerce-billing-fields__field-wrapper {
    display:grid; grid-template-columns:1fr 1fr; gap:0 14px;
}
.lmq-co-fields .woocommerce-billing-fields__field-wrapper .form-row-wide { grid-column:1/-1; }

/* ── Payment section ── */
.lmq-co-payment-wrap { margin-bottom:0; }
.lmq-wc-payment { margin-top:4px; }

/* WC payment methods */
.lmq-wc-payment #payment ul.payment_methods {
    list-style:none; margin:0; padding:0;
}
.lmq-wc-payment #payment ul.payment_methods li {
    border-bottom:1px solid var(--lmq-border);
    padding:2px 0;
}
.lmq-wc-payment #payment ul.payment_methods li label {
    display:flex !important; align-items:center !important;
    gap:10px !important; cursor:pointer !important;
    padding:14px 0 !important; font-weight:700 !important;
    font-size:14px !important; color:var(--lmq-dark) !important;
    font-family:'Cairo',sans-serif !important;
}
.lmq-wc-payment #payment ul.payment_methods li input[type=radio] {
    width:18px; height:18px; accent-color:var(--lmq-teal); flex-shrink:0;
}
.lmq-wc-payment #payment .payment_box {
    background:var(--lmq-bg2,#F5F3F0); border-radius:10px;
    padding:14px 16px; margin:0 0 12px; font-size:13px;
    color:var(--lmq-muted); line-height:1.7;
}
.lmq-wc-payment #payment .payment_box p { margin:0; font-family:'Cairo',sans-serif; }
.lmq-wc-payment #payment .payment_box .woocommerce-SavedPaymentMethods-saveNew { font-family:'Cairo',sans-serif; }

/* Tabby / Tamara / Checkout logos in payment methods */
.lmq-wc-payment #payment .payment_method_tabby label img,
.lmq-wc-payment #payment .payment_method_tamara label img { height:22px; }

/* Place order button */
.lmq-wc-payment #payment #place_order,
.lmq-co-place-order-btn,
.lmq-wc-payment .wc_payment_methods ~ .form-row #place_order {
    width:100% !important; padding:17px !important;
    background:var(--lmq-teal,#419D99) !important; color:#fff !important;
    border:none !important; border-radius:12px !important;
    font-family:'Cairo',sans-serif !important; font-size:18px !important;
    font-weight:900 !important; cursor:pointer !important;
    box-shadow:0 8px 28px rgba(65,157,153,.35) !important;
    transition:all .25s !important; display:block !important;
    margin-top:16px !important;
}
.lmq-wc-payment #payment #place_order:hover { background:#2d7a76 !important; transform:translateY(-2px) !important; }

/* ── Summary card ── */
.lmq-co-summary-card {
    background:#fff; border:1px solid var(--lmq-border);
    border-radius:16px; padding:24px; position:sticky; top:80px;
}
.lmq-co-summary-title {
    font-size:17px; font-weight:900; color:var(--lmq-dark);
    margin-bottom:16px; padding-bottom:14px;
    border-bottom:1px solid var(--lmq-border);
    display:flex; align-items:center; justify-content:space-between;
}
.lmq-co-summary-count { font-size:12px; font-weight:600; color:var(--lmq-muted); }

/* Items */
.lmq-co-items { display:flex; flex-direction:column; gap:12px; margin-bottom:18px; }
.lmq-co-item  { display:flex; align-items:center; gap:11px; }
.lmq-co-item-img-wrap { position:relative; flex-shrink:0; }
.lmq-co-item-img-wrap img {
    width:56px; height:56px; border-radius:10px;
    object-fit:cover; border:1px solid var(--lmq-border);
}
.lmq-co-item-qty {
    position:absolute; top:-6px; right:-6px;
    width:20px; height:20px; border-radius:50%;
    background:var(--lmq-teal); color:#fff;
    font-size:10px; font-weight:800;
    display:flex; align-items:center; justify-content:center;
    border:2px solid #fff;
}
.lmq-co-item-info { flex:1; min-width:0; }
.lmq-co-item-name { font-size:13px; font-weight:700; color:var(--lmq-dark); line-height:1.4; }
.lmq-co-item-price { font-size:14px; font-weight:900; color:var(--lmq-teal); flex-shrink:0; }

/* Totals */
.lmq-co-totals {
    border-top:1px solid var(--lmq-border);
    padding-top:14px; margin-bottom:16px;
    display:flex; flex-direction:column; gap:9px;
}
.lmq-co-remove-coupon { color:var(--lmq-muted); font-size:11px; margin-right:6px; text-decoration:none; }
.lmq-co-remove-coupon:hover { color:#C05454; }

/* Coupon */
.lmq-co-coupon { margin-bottom:16px; }
.lmq-co-coupon-toggle {
    display:flex; align-items:center; gap:7px;
    font-size:13px; color:var(--lmq-teal); cursor:pointer;
    font-weight:600; margin-bottom:8px;
}
.lmq-co-coupon-form { display:none; }
.lmq-co-coupon-form.open { display:block; }

/* Trust */
.lmq-co-trust {
    border-top:1px solid var(--lmq-border);
    padding-top:14px; display:flex; flex-direction:column; gap:7px;
}

/* ── Responsive ── */
@media (max-width:900px) {
    .lmq-checkout-layout { grid-template-columns:1fr !important; }
    /* On mobile: summary goes ABOVE form */
    .lmq-checkout-summary { order:-1; }
    .lmq-co-summary-card { position:static !important; }
}
@media (max-width:640px) {
    .lmq-co-fields .woocommerce-billing-fields__field-wrapper { grid-template-columns:1fr !important; }
    .lmq-co-section { padding:16px !important; border-radius:12px !important; }
}

/* ================================================================
   ABOUT PAGE — من نحن
================================================================ */
.lmq-about-page { overflow-x: hidden; }

/* ── Shared ── */
.lmq-abt-eyebrow {
    display: flex; align-items: center; gap: 10px;
    font-size: 10px; font-weight: 800;
    color: var(--lmq-teal, #419D99);
    letter-spacing: 3px; text-transform: uppercase;
    margin-bottom: 12px;
}
.lmq-abt-eyebrow span { flex: 1; height: 1px; background: var(--lmq-gold, #C9A84C); max-width: 28px; }
.lmq-abt-sec-title {
    font-size: clamp(24px, 3.5vw, 40px);
    font-weight: 900; color: var(--lmq-dark);
    line-height: 1.15; margin-bottom: 14px;
}
.lmq-abt-sec-sub { font-size: 15px; color: var(--lmq-muted); max-width: 500px; margin: 0 auto; }
.lmq-abt-sec-head { text-align: center; margin-bottom: 52px; }
.lmq-abt-gold { color: var(--lmq-gold, #C9A84C); font-style: normal; display: block; }

/* ══ 1. HERO ══════════════════════════════════════════════════ */
.lmq-abt-hero {
    background: var(--lmq-teal, #419D99);
    position: relative; overflow: hidden; padding: 80px 0 96px;
    isolation: isolate;
}

/* BG rings */
.lmq-abt-hero-bg-rings { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.lmq-abt-ring {
    position: absolute; border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
}
.lmq-abt-ring.r1 { width:600px; height:600px; top:-200px; right:-150px; animation: lmq-ring-spin 30s linear infinite; }
.lmq-abt-ring.r2 { width:400px; height:400px; bottom:-100px; left:-100px; animation: lmq-ring-spin 20s linear reverse infinite; }
.lmq-abt-ring.r3 { width:200px; height:200px; top:30%; left:30%; animation: lmq-ring-pulse 6s ease-in-out infinite; }
@keyframes lmq-ring-spin  { to { transform: rotate(360deg); } }
@keyframes lmq-ring-pulse { 0%,100%{transform:scale(1);opacity:.4} 50%{transform:scale(1.2);opacity:.1} }

.lmq-abt-hero-inner {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 56px; align-items: center; position: relative; z-index: 1;
}
.lmq-abt-hero-content .lmq-abt-eyebrow { color: rgba(255,255,255,.65); }
.lmq-abt-hero-content .lmq-abt-eyebrow span { background: rgba(255,255,255,.3); }
.lmq-abt-hero-title {
    font-size: clamp(34px, 5vw, 60px);
    font-weight: 900; color: #fff; line-height: 1.1; margin-bottom: 18px;
}
.lmq-abt-hero-desc { font-size: 16px; color: rgba(255,255,255,.75); line-height: 1.8; margin-bottom: 28px; max-width: 480px; }

/* Buttons */
.lmq-abt-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }
.lmq-abt-btn-primary {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 14px 28px; background: var(--lmq-gold, #C9A84C);
    color: #2B2320; border-radius: 12px; font-weight: 900;
    font-size: 15px; text-decoration: none; transition: all .25s;
    box-shadow: 0 8px 24px rgba(201,168,76,.4);
}
.lmq-abt-btn-primary:hover { background: #b8963e; transform: translateY(-2px); }
.lmq-abt-btn-primary.lmq-abt-btn-lg { padding: 16px 36px; font-size: 17px; }
.lmq-abt-btn-outline {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 24px; border: 2px solid rgba(255,255,255,.4);
    color: rgba(255,255,255,.9); border-radius: 12px; font-weight: 700;
    font-size: 14px; text-decoration: none; transition: all .25s;
}
.lmq-abt-btn-outline:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.7); }
.lmq-abt-btn-ghost {
    display: inline-flex; align-items: center; padding: 16px 28px;
    border: 2px solid rgba(255,255,255,.5); color: #fff;
    border-radius: 12px; font-weight: 700; font-size: 15px;
    text-decoration: none; transition: all .25s;
}
.lmq-abt-btn-ghost:hover { background: rgba(255,255,255,.15); }

/* Mini stats */
.lmq-abt-mini-stats { display: flex; gap: 0; }
.lmq-abt-mini-stat {
    display: flex; flex-direction: column; align-items: center;
    padding: 12px 20px; border-left: 1px solid rgba(255,255,255,.15);
}
.lmq-abt-mini-stat:first-child { border-left: none; padding-right: 20px; padding-left: 20px; }
.lmq-abt-mini-num { font-size: 22px; font-weight: 900; color: var(--lmq-gold, #C9A84C); line-height: 1; }
.lmq-abt-mini-lbl { font-size: 11px; color: rgba(255,255,255,.6); margin-top: 3px; }

/* Hero visual */
.lmq-abt-hero-visual { display: flex; align-items: center; justify-content: center; }
.lmq-abt-hero-card-wrap { position: relative; width: 300px; height: 360px; }
.lmq-abt-hero-img-card {
    width: 260px; height: 320px; border-radius: 24px;
    overflow: hidden; position: absolute; top: 20px; right: 20px;
    background: rgba(255,255,255,.12); backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.2);
}
.lmq-abt-hero-img-placeholder {
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
}
.lmq-abt-hero-img-placeholder img { width: 100%; height: 100%; object-fit: cover; }
.lmq-abt-hero-brand     { font-size: 16px; font-weight: 900; letter-spacing: 5px; color: var(--lmq-gold); margin-top: 12px; }
.lmq-abt-hero-brand-sub { font-size: 11px; color: rgba(255,255,255,.5); margin-top: 4px; }

/* Floating badges */
.lmq-abt-float-badge {
    position: absolute; background: #fff;
    border-radius: 99px; padding: 8px 14px;
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 700; color: var(--lmq-dark);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    white-space: nowrap; animation: lmq-float 4s ease-in-out infinite;
}
.lmq-abt-float-badge.badge1 { top: 0; left: -20px; animation-delay: 0s; }
.lmq-abt-float-badge.badge2 { bottom: 60px; left: -10px; animation-delay: .8s; }
.lmq-abt-float-badge.badge3 { bottom: 10px; right: -10px; animation-delay: 1.6s; }
@keyframes lmq-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

/* ══ 2. STORY ═════════════════════════════════════════════════ */
.lmq-abt-story-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 64px; align-items: center;
}
.lmq-abt-story-media { position: relative; }
.lmq-abt-story-img-main {
    border-radius: 24px; overflow: hidden; aspect-ratio: .8;
    background: var(--lmq-teal);
}
.lmq-abt-story-img-main img { width: 100%; height: 100%; object-fit: cover; }
.lmq-abt-story-img-placeholder {
    width: 100%; height: 100%; display: flex; flex-direction: column;
    align-items: center; justify-content: center; min-height: 320px;
}
.lmq-abt-story-badge-float {
    position: absolute; bottom: -20px; left: -20px;
    background: var(--lmq-gold, #C9A84C); color: #2B2320;
    border-radius: 16px; padding: 18px 22px;
    box-shadow: 0 12px 36px rgba(201,168,76,.4);
}
.lmq-abt-story-badge-num { font-size: 26px; font-weight: 900; }
.lmq-abt-story-badge-lbl { font-size: 12px; font-weight: 700; opacity: .8; margin-top: 2px; }
.lmq-abt-story-img-dot {
    position: absolute; border-radius: 50%;
    background: var(--lmq-teal); opacity: .2;
}
.lmq-abt-story-img-dot.d1 { width: 80px; height: 80px; top: -20px; right: -20px; }
.lmq-abt-story-img-dot.d2 { width: 40px; height: 40px; bottom: 40px; right: -30px; opacity: .15; }

.lmq-abt-story-content .lmq-abt-eyebrow { color: var(--lmq-teal); }
.lmq-abt-story-text p { font-size: 15px; color: var(--lmq-muted); line-height: 1.9; margin-bottom: 14px; }
.lmq-abt-story-text strong { color: var(--lmq-dark); font-weight: 800; }
.lmq-abt-story-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.lmq-abt-check-item {
    display: flex; align-items: center; gap: 10px;
    font-size: 13px; font-weight: 600; color: var(--lmq-dark);
}
.lmq-abt-check-icon {
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--lmq-teal); display: flex;
    align-items: center; justify-content: center; flex-shrink: 0;
}

/* ══ 3. VALUES ════════════════════════════════════════════════ */
.lmq-abt-values { background: var(--lmq-bg2, #F5F3F0); padding: 80px 0; }
.lmq-abt-values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.lmq-abt-value-card {
    background: #fff; border-radius: 18px; padding: 32px 22px;
    text-align: center; border: 1px solid var(--lmq-border);
    transition: transform .3s, box-shadow .3s;
}
.lmq-abt-value-card:hover { transform: translateY(-8px); box-shadow: 0 16px 40px rgba(0,0,0,.08); }
.lmq-abt-value-icon-wrap {
    width: 64px; height: 64px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 18px; font-size: 28px;
}
.lmq-abt-value-title { font-size: 16px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 10px; }
.lmq-abt-value-desc  { font-size: 13px; color: var(--lmq-muted); line-height: 1.75; }

/* ══ 4. TIMELINE ══════════════════════════════════════════════ */
.lmq-abt-timeline { padding: 80px 0; }
.lmq-abt-timeline-track { position: relative; max-width: 760px; margin: 0 auto; }
.lmq-abt-timeline-line {
    position: absolute; right: 50%; transform: translateX(50%);
    top: 0; bottom: 0; width: 2px;
    background: linear-gradient(to bottom, var(--lmq-teal), var(--lmq-gold));
}
.lmq-abt-timeline-item {
    display: flex; gap: 32px; align-items: flex-start;
    margin-bottom: 48px; position: relative;
}
.lmq-abt-timeline-item.left { flex-direction: row-reverse; text-align: right; }
.lmq-abt-timeline-item.right { flex-direction: row; text-align: right; }
.lmq-abt-timeline-dot {
    position: absolute; right: 50%; transform: translateX(50%);
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    z-index: 2;
}
.lmq-abt-timeline-dot-inner {
    width: 14px; height: 14px; border-radius: 50%;
    background: var(--lmq-teal); border: 3px solid #fff;
    box-shadow: 0 0 0 3px var(--lmq-teal);
}
.lmq-abt-timeline-card {
    background: #fff; border: 1px solid var(--lmq-border);
    border-radius: 14px; padding: 20px 22px;
    width: calc(50% - 40px); transition: box-shadow .3s;
}
.lmq-abt-timeline-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.06); }
.lmq-abt-timeline-year  { font-size: 22px; font-weight: 900; color: var(--lmq-teal); margin-bottom: 4px; }
.lmq-abt-timeline-label { font-size: 14px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 8px; }
.lmq-abt-timeline-desc  { font-size: 13px; color: var(--lmq-muted); line-height: 1.75; }

/* ══ 5. TEAM ══════════════════════════════════════════════════ */
.lmq-abt-team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.lmq-abt-team-card {
    background: #fff; border: 1px solid var(--lmq-border);
    border-radius: 18px; padding: 36px 24px; text-align: center;
    transition: transform .3s, box-shadow .3s;
}
.lmq-abt-team-card:hover { transform: translateY(-6px); box-shadow: 0 14px 36px rgba(0,0,0,.07); }
.lmq-abt-team-avatar-wrap { position: relative; width: 80px; margin: 0 auto 18px; }
.lmq-abt-team-avatar {
    width: 80px; height: 80px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; font-weight: 900;
}
.lmq-abt-team-avatar-ring {
    position: absolute; inset: -5px; border-radius: 50%;
    border: 2px solid transparent; border-top-color: var(--lmq-gold);
    animation: lmq-ring-spin 8s linear infinite;
}
.lmq-abt-team-name { font-size: 17px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 5px; }
.lmq-abt-team-role { font-size: 12px; font-weight: 700; color: var(--lmq-teal); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
.lmq-abt-team-bio  { font-size: 13px; color: var(--lmq-muted); line-height: 1.75; }

/* ══ 6. REVIEWS ═══════════════════════════════════════════════ */
.lmq-abt-revs-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.lmq-abt-rev-card {
    background: #fff; border: 1px solid var(--lmq-border);
    border-radius: 16px; padding: 24px; transition: transform .3s;
}
.lmq-abt-rev-card:hover { transform: translateY(-4px); }
.lmq-abt-rev-stars { display: flex; gap: 2px; margin-bottom: 12px; }
.lmq-abt-rev-text  { font-size: 14px; color: var(--lmq-muted); line-height: 1.8; margin-bottom: 16px; font-style: italic; }
.lmq-abt-rev-author { display: flex; align-items: center; gap: 10px; }
.lmq-abt-rev-avatar { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; flex-shrink: 0; }
.lmq-abt-rev-name    { font-size: 13px; font-weight: 700; color: var(--lmq-dark); }
.lmq-abt-rev-date    { font-size: 11px; color: var(--lmq-muted); }
.lmq-abt-rev-verified { margin-right: auto; font-size: 10px; font-weight: 700; background: #e4f5f4; color: #2d7a76; padding: 2px 8px; border-radius: 4px; flex-shrink: 0; }

/* ══ 7. CTA ═══════════════════════════════════════════════════ */
.lmq-abt-cta { background: var(--lmq-teal, #419D99); padding: 96px 0; position: relative; overflow: hidden; isolation: isolate; }
.lmq-abt-cta-particles { position: absolute; inset: 0; pointer-events: none; }
.lmq-abt-cta-particle { position: absolute; border-radius: 50%; background: rgba(255,255,255,.06); }
.lmq-abt-cta-particle.p1 { width:200px;height:200px;top:-80px;right:-60px; }
.lmq-abt-cta-particle.p2 { width:120px;height:120px;bottom:-40px;left:10%; }
.lmq-abt-cta-particle.p3 { width:60px;height:60px;top:20%;left:20%; animation:lmq-float 5s ease-in-out infinite; }
.lmq-abt-cta-particle.p4 { width:30px;height:30px;top:40%;right:15%; animation:lmq-float 4s ease-in-out .5s infinite; }
.lmq-abt-cta-particle.p5 { width:80px;height:80px;bottom:20%;right:30%; opacity:.05; }
.lmq-abt-cta-particle.p6 { width:16px;height:16px;top:60%;left:40%; animation:lmq-float 3s ease-in-out 1s infinite; }
.lmq-abt-cta-particle.p7 { width:24px;height:24px;top:25%;right:40%; animation:lmq-float 6s ease-in-out 2s infinite; }
.lmq-abt-cta-particle.p8 { width:40px;height:40px;bottom:30%;left:5%; animation:lmq-float 4.5s ease-in-out 1.5s infinite; }

.lmq-abt-cta-inner { text-align: center; position: relative; z-index: 1; }
.lmq-abt-cta-badge {
    display: inline-block; background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    color: #fff; font-size: 13px; font-weight: 700;
    padding: 6px 18px; border-radius: 99px; margin-bottom: 20px;
}
.lmq-abt-cta-title { font-size: clamp(28px,4.5vw,52px); font-weight: 900; color: #fff; margin-bottom: 14px; line-height: 1.1; }
.lmq-abt-cta-sub   { font-size: 16px; color: rgba(255,255,255,.75); margin-bottom: 36px; }
.lmq-abt-cta-btns  { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ══ RESPONSIVE ════════════════════════════════════════════════ */
@media (max-width: 1000px) {
    .lmq-abt-values-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
    .lmq-abt-hero-inner   { grid-template-columns: 1fr !important; gap: 40px; }
    .lmq-abt-hero-visual  { display: none; }
    .lmq-abt-story-grid   { grid-template-columns: 1fr !important; gap: 40px; }
    .lmq-abt-team-grid    { grid-template-columns: repeat(2,1fr) !important; }
    .lmq-abt-revs-grid    { grid-template-columns: 1fr !important; }
    .lmq-abt-mini-stats   { flex-wrap: wrap; gap: 0; }
    .lmq-abt-story-checklist { grid-template-columns: 1fr; }
    .lmq-abt-timeline-item.left,
    .lmq-abt-timeline-item.right { flex-direction: column !important; padding-right: 48px; }
    .lmq-abt-timeline-line { right: 12px; transform: none; }
    .lmq-abt-timeline-dot  { right: -12px; left: auto; transform: none; }
    .lmq-abt-timeline-card { width: 100% !important; }
}
@media (max-width: 600px) {
    .lmq-abt-hero { padding: 60px 0 72px; }
    .lmq-abt-hero-title { font-size: 32px; }
    .lmq-abt-values-grid { grid-template-columns: 1fr; }
    .lmq-abt-team-grid   { grid-template-columns: 1fr !important; }
    .lmq-abt-hero-btns   { flex-direction: column; align-items: flex-start; }
}

/* ================================================================
   BLOG PAGE — صفحة المدونة
================================================================ */

/* Hero */
.lmq-blog-page { background: var(--lmq-bg, #FAF8F5); }
.lmq-blog-hero {
    background: var(--lmq-teal, #419D99);
    padding: 72px 0 80px; position: relative; overflow: hidden;
    text-align: center;
}
.lmq-blog-hero-inner { position: relative; z-index: 1; }
.lmq-blog-hero .lmq-abt-eyebrow { justify-content: center; color: rgba(255,255,255,.65); }
.lmq-blog-hero .lmq-abt-eyebrow span { background: rgba(255,255,255,.3); }
.lmq-blog-hero-title {
    font-size: clamp(30px,5vw,52px); font-weight: 900;
    color: #fff; line-height: 1.1; margin-bottom: 14px;
}
.lmq-blog-hero-title em { color: var(--lmq-gold, #C9A84C); font-style: normal; display: block; }
.lmq-blog-hero-desc { font-size: 16px; color: rgba(255,255,255,.7); max-width: 520px; margin: 0 auto; }
.lmq-blog-hero-wave { position: absolute; bottom: -1px; left: 0; right: 0; line-height: 0; }
.lmq-blog-hero-wave svg { width: 100%; height: 60px; display: block; }

/* Category tabs */
.lmq-blog-cats {
    display: flex; gap: 8px; flex-wrap: wrap;
    padding: 24px 0; align-items: center;
}
.lmq-blog-cat-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 16px; border-radius: 99px;
    border: 1.5px solid var(--lmq-border); background: #fff;
    color: var(--lmq-muted); font-size: 13px; font-weight: 600;
    text-decoration: none; transition: all .2s; white-space: nowrap;
}
.lmq-blog-cat-pill:hover   { border-color: var(--lmq-teal); color: var(--lmq-teal); }
.lmq-blog-cat-pill.active  { background: var(--lmq-teal); border-color: var(--lmq-teal); color: #fff; }
.lmq-blog-cat-count {
    background: rgba(0,0,0,.06); border-radius: 99px;
    font-size: 10px; padding: 1px 7px;
}
.lmq-blog-cat-pill.active .lmq-blog-cat-count { background: rgba(255,255,255,.2); }

/* Featured */
.lmq-blog-featured {
    display: grid; grid-template-columns: 1.2fr 1fr;
    gap: 0; border-radius: 20px; overflow: hidden;
    border: 1px solid var(--lmq-border);
    margin-bottom: 48px; background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,.06);
}
.lmq-blog-featured-img {
    display: block; position: relative; overflow: hidden;
    min-height: 380px;
}
.lmq-blog-featured-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.lmq-blog-featured-img:hover img { transform: scale(1.04); }
.lmq-blog-featured-badge {
    position: absolute; top: 16px; right: 16px;
    background: var(--lmq-gold, #C9A84C); color: #2B2320;
    font-size: 11px; font-weight: 800; padding: 5px 14px; border-radius: 99px;
}
.lmq-blog-featured-content { padding: 36px 32px; display: flex; flex-direction: column; justify-content: center; }
.lmq-blog-cat-tag {
    display: inline-block; background: #e4f5f4; color: var(--lmq-teal);
    font-size: 10px; font-weight: 800; letter-spacing: 1.5px;
    text-transform: uppercase; padding: 4px 12px; border-radius: 99px;
    text-decoration: none; margin-bottom: 14px; width: fit-content;
}
.lmq-blog-featured-title {
    font-size: clamp(20px,2.5vw,28px); font-weight: 900;
    color: var(--lmq-dark); line-height: 1.3; margin-bottom: 12px;
}
.lmq-blog-featured-title a { color: inherit; text-decoration: none; }
.lmq-blog-featured-title a:hover { color: var(--lmq-teal); }
.lmq-blog-featured-excerpt { font-size: 14px; color: var(--lmq-muted); line-height: 1.8; margin-bottom: 20px; }
.lmq-blog-read-btn {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--lmq-teal); font-size: 14px; font-weight: 700;
    text-decoration: none; border-bottom: 1.5px solid var(--lmq-teal);
    padding-bottom: 1px; width: fit-content; transition: gap .2s;
}
.lmq-blog-read-btn:hover { gap: 12px; }

/* Meta shared */
.lmq-blog-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.lmq-blog-author { display: flex; align-items: center; gap: 7px; }
.lmq-blog-author-avatar {
    width: 32px; height: 32px; border-radius: 50%;
    background: var(--lmq-teal); color: #fff;
    font-size: 12px; font-weight: 800;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.lmq-blog-author-avatar.sm { width: 24px; height: 24px; font-size: 10px; }
.lmq-blog-author span, .lmq-blog-date, .lmq-blog-read-time { font-size: 12px; color: var(--lmq-muted); }
.lmq-blog-read-time { display: flex; align-items: center; gap: 4px; }
.lmq-blog-meta-sep { color: var(--lmq-border); font-size: 12px; }

/* Blog layout */
.lmq-blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }
.lmq-blog-main { min-width: 0; }

/* Posts grid */
.lmq-blog-grid {
    display: grid; grid-template-columns: repeat(3,1fr);
    gap: 24px; margin-bottom: 40px;
}
.lmq-blog-grid.cols3 { grid-template-columns: repeat(3,1fr); }

/* Blog card */
.lmq-blog-card { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--lmq-border); transition: transform .3s, box-shadow .3s; }
.lmq-blog-card:hover { transform: translateY(-6px); box-shadow: 0 14px 36px rgba(0,0,0,.08); }
.lmq-blog-card-img { display: block; position: relative; overflow: hidden; aspect-ratio: 1.6; }
.lmq-blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.lmq-blog-card:hover .lmq-blog-card-img img { transform: scale(1.05); }
.lmq-blog-card-cat {
    position: absolute; top: 12px; right: 12px;
    background: var(--lmq-teal); color: #fff;
    font-size: 9px; font-weight: 800; letter-spacing: 1px;
    text-transform: uppercase; padding: 3px 10px; border-radius: 99px;
}
.lmq-blog-card-body { padding: 18px 18px 20px; }
.lmq-blog-card-title { font-size: 15px; font-weight: 800; color: var(--lmq-dark); line-height: 1.4; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lmq-blog-card-title a { color: inherit; text-decoration: none; }
.lmq-blog-card-title a:hover { color: var(--lmq-teal); }
.lmq-blog-card-exc { font-size: 13px; color: var(--lmq-muted); line-height: 1.7; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lmq-blog-card-meta { display: flex; align-items: center; gap: 6px; }

/* Image placeholder */
.lmq-blog-img-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg,#e4f5f4 0%,#f0fdf4 100%); min-height: 180px; }
.lmq-blog-img-placeholder.featured { min-height: 380px; }
.lmq-blog-img-placeholder.sm { min-height: 52px; border-radius: 8px; }
.lmq-blog-empty { text-align: center; padding: 80px 20px; }
.lmq-blog-empty h3 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.lmq-blog-empty p  { color: var(--lmq-muted); font-size: 14px; }

/* Sidebar */
.lmq-blog-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 16px; }
.lmq-blog-widget { background: #fff; border: 1px solid var(--lmq-border); border-radius: 14px; padding: 20px; }
.lmq-blog-widget-title { font-size: 13px; font-weight: 800; color: var(--lmq-dark); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--lmq-border); }
.lmq-blog-widget-cats { display: flex; flex-direction: column; gap: 4px; }
.lmq-blog-widget-cat { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--lmq-dark); text-decoration: none; transition: background .15s; }
.lmq-blog-widget-cat:hover, .lmq-blog-widget-cat.active { background: #e4f5f4; color: var(--lmq-teal); }
.lmq-blog-recent-item { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--lmq-border); text-decoration: none; }
.lmq-blog-recent-item:last-child { border-bottom: none; }
.lmq-blog-recent-img { width: 52px; height: 52px; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.lmq-blog-recent-img img { width: 100%; height: 100%; object-fit: cover; }
.lmq-blog-recent-title { font-size: 12.5px; font-weight: 700; color: var(--lmq-dark); line-height: 1.4; margin-bottom: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lmq-blog-recent-date  { font-size: 11px; color: var(--lmq-muted); }
.lmq-blog-cta-widget { background: var(--lmq-teal) !important; border-color: transparent !important; text-align: center; }
.lmq-blog-cta-icon { font-size: 32px; margin-bottom: 8px; }
.lmq-blog-cta-widget h3 { font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 6px; }
.lmq-blog-cta-widget p  { font-size: 12px; color: rgba(255,255,255,.75); margin-bottom: 14px; }
.lmq-blog-cta-widget .lmq-blog-widget-title { color: rgba(255,255,255,.6); border-bottom-color: rgba(255,255,255,.15); }
.lmq-blog-pagination { margin-top: 0; }
.lmq-blog-sidebar .search-form { display: flex; gap: 6px; }
.lmq-blog-sidebar .search-field { flex: 1; border: 1.5px solid var(--lmq-border); border-radius: 8px; padding: 9px 12px; font-family: 'Cairo',sans-serif; font-size: 13px; outline: none; }
.lmq-blog-sidebar .search-submit { background: var(--lmq-teal); color: #fff; border: none; border-radius: 8px; padding: 9px 14px; cursor: pointer; font-size: 12px; font-weight: 700; font-family: 'Cairo',sans-serif; }

/* ================================================================
   SINGLE POST PAGE
================================================================ */
.lmq-single-post { background: var(--lmq-bg, #FAF8F5); }

/* Post hero */
.lmq-post-hero {
    position: relative; overflow: hidden;
    padding: 64px 0 80px; isolation: isolate;
}
.lmq-post-hero.has-img { background: var(--lmq-dark, #2B2320); color: #fff; }
.lmq-post-hero.no-img  { background: var(--lmq-teal, #419D99); }
.lmq-post-hero-img {
    position: absolute; inset: 0; z-index: -2;
    background-size: cover; background-position: center;
    filter: blur(2px) scale(1.05);
}
.lmq-post-hero-overlay { position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,.65); }
.lmq-post-hero-inner { max-width: 760px; }
.lmq-post-breadcrumb { display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgba(255,255,255,.55); margin-bottom: 16px; flex-wrap: wrap; }
.lmq-post-breadcrumb a { color: rgba(255,255,255,.65); text-decoration: none; }
.lmq-post-breadcrumb a:hover { color: #fff; }
.lmq-post-cat-badge { display: inline-block; background: var(--lmq-teal); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; padding: 4px 14px; border-radius: 99px; text-decoration: none; margin-bottom: 14px; }
.lmq-post-hero.no-img .lmq-post-cat-badge { background: rgba(255,255,255,.2); }
.lmq-post-title { font-size: clamp(26px,4vw,48px); font-weight: 900; color: #fff; line-height: 1.15; margin-bottom: 20px; }
.lmq-post-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.lmq-post-meta .lmq-blog-author span,
.lmq-post-meta .lmq-blog-date,
.lmq-post-meta .lmq-blog-read-time { color: rgba(255,255,255,.7); }
.lmq-post-meta .lmq-blog-meta-sep { color: rgba(255,255,255,.3); }
.lmq-post-author-img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.3); }

/* Post layout */
.lmq-post-layout { display: grid; grid-template-columns: 1fr 280px; gap: 36px; align-items: start; padding: 48px 0 64px; }
.lmq-post-article { min-width: 0; }
.lmq-post-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 16px; }

/* Article content */
.lmq-post-lead { font-size: 17px; color: var(--lmq-dark); line-height: 1.85; font-weight: 500; background: #e4f5f4; border-right: 4px solid var(--lmq-teal); padding: 16px 20px; border-radius: 0 12px 12px 0; margin-bottom: 28px; }
.lmq-post-progress-bar { height: 3px; background: var(--lmq-teal); border-radius: 99px; width: 0; transition: width .1s; margin-bottom: 28px; }
.lmq-post-content { font-size: 16px; color: var(--lmq-dark); line-height: 1.9; }
.lmq-post-content h2 { font-size: 22px; font-weight: 800; color: var(--lmq-dark); margin: 32px 0 14px; }
.lmq-post-content h3 { font-size: 18px; font-weight: 700; color: var(--lmq-dark); margin: 24px 0 10px; }
.lmq-post-content p  { margin-bottom: 18px; }
.lmq-post-content ul,
.lmq-post-content ol { padding-right: 24px; margin-bottom: 18px; }
.lmq-post-content li { margin-bottom: 6px; }
.lmq-post-content img { max-width: 100%; border-radius: 12px; margin: 20px 0; }
.lmq-post-content blockquote { border-right: 4px solid var(--lmq-gold); padding: 14px 20px; margin: 24px 0; background: #fefbf0; border-radius: 0 12px 12px 0; font-size: 15px; font-style: italic; color: var(--lmq-dark); }
.lmq-post-content a { color: var(--lmq-teal); text-decoration: underline; }
.lmq-post-content strong { font-weight: 800; }

/* Tags */
.lmq-post-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 32px 0; padding: 20px 0; border-top: 1px solid var(--lmq-border); }
.lmq-post-tags-label { font-size: 13px; font-weight: 700; color: var(--lmq-muted); margin-left: 4px; }
.lmq-post-tag { display: inline-block; background: var(--lmq-bg2); color: var(--lmq-muted); font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 99px; text-decoration: none; border: 1px solid var(--lmq-border); transition: all .2s; }
.lmq-post-tag:hover { background: var(--lmq-teal); color: #fff; border-color: var(--lmq-teal); }

/* Share */
.lmq-post-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.lmq-post-share-label { font-size: 13px; font-weight: 700; color: var(--lmq-dark); }
.lmq-share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; text-decoration: none; border: none; cursor: pointer; font-family: 'Cairo',sans-serif; transition: all .2s; }
.lmq-share-btn.twitter   { background: #000; color: #fff; }
.lmq-share-btn.facebook  { background: #1877f2; color: #fff; }
.lmq-share-btn.whatsapp  { background: #25d366; color: #fff; }
.lmq-share-btn.copy      { background: var(--lmq-bg2); color: var(--lmq-dark); border: 1px solid var(--lmq-border); }

/* Author card */
.lmq-post-author-card { display: flex; gap: 18px; background: var(--lmq-bg2); border-radius: 16px; padding: 22px; margin-bottom: 32px; align-items: flex-start; }
.lmq-post-author-card-img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.lmq-post-author-card-name { font-size: 16px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 3px; }
.lmq-post-author-card-role { font-size: 11px; font-weight: 700; color: var(--lmq-teal); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.lmq-post-author-card-bio  { font-size: 13px; color: var(--lmq-muted); line-height: 1.7; }

/* Post nav */
.lmq-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 40px; }
.lmq-post-nav-item { background: #fff; border: 1px solid var(--lmq-border); border-radius: 12px; padding: 16px 18px; text-decoration: none; transition: all .2s; }
.lmq-post-nav-item:hover { border-color: var(--lmq-teal); box-shadow: 0 4px 16px rgba(65,157,153,.1); }
.lmq-post-nav-dir { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--lmq-teal); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.lmq-post-nav-title { font-size: 13px; font-weight: 700; color: var(--lmq-dark); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* TOC */
.lmq-toc { display: flex; flex-direction: column; gap: 3px; }
.lmq-toc-link { font-size: 12.5px; font-weight: 600; color: var(--lmq-muted); text-decoration: none; padding: 5px 8px; border-radius: 6px; border-right: 2px solid transparent; transition: all .15s; }
.lmq-toc-link:hover { background: var(--lmq-bg2); color: var(--lmq-dark); border-right-color: var(--lmq-teal); }
.lmq-toc-sub { padding-right: 18px; font-size: 12px; }

/* Related posts */
.lmq-post-related { margin-bottom: 64px; }

/* ══ Responsive ══ */
@media (max-width: 1000px) {
    .lmq-blog-grid { grid-template-columns: repeat(2,1fr) !important; }
    .lmq-blog-grid.cols3 { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 900px) {
    .lmq-blog-layout  { grid-template-columns: 1fr !important; }
    .lmq-blog-sidebar { position: static !important; order: -1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .lmq-blog-featured{ grid-template-columns: 1fr !important; }
    .lmq-blog-featured-img { min-height: 240px !important; }
    .lmq-post-layout  { grid-template-columns: 1fr !important; }
    .lmq-post-sidebar { position: static !important; order: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .lmq-toc-widget   { grid-column: 1/-1; }
}
@media (max-width: 640px) {
    .lmq-blog-grid    { grid-template-columns: 1fr !important; }
    .lmq-blog-grid.cols3 { grid-template-columns: 1fr !important; }
    .lmq-blog-sidebar { grid-template-columns: 1fr !important; }
    .lmq-post-sidebar { grid-template-columns: 1fr !important; }
    .lmq-post-nav     { grid-template-columns: 1fr !important; }
    .lmq-post-share   { gap: 6px; }
    .lmq-share-btn    { font-size: 11px; padding: 7px 11px; }
}

/* ================================================================
   COMMENTS — styled
================================================================ */
.lmq-post-comments { margin-top: 40px; }
.lmq-post-comments-title {
    display: flex; align-items: center; gap: 10px;
    font-size: 18px; font-weight: 800; color: var(--lmq-dark);
    margin-bottom: 28px; padding-bottom: 14px;
    border-bottom: 2px solid var(--lmq-border);
}

/* Comment list */
.lmq-post-comments .commentlist { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.lmq-post-comments .comment { background: #fff; border: 1px solid var(--lmq-border); border-radius: 14px; padding: 20px; }
.lmq-post-comments .comment-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.lmq-post-comments .comment-author img { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
.lmq-post-comments .fn { font-size: 14px !important; font-weight: 700 !important; color: var(--lmq-dark) !important; }
.lmq-post-comments .comment-metadata a { font-size: 11px !important; color: var(--lmq-muted) !important; text-decoration: none !important; }
.lmq-post-comments .comment-content p { font-size: 14px; color: var(--lmq-muted); line-height: 1.8; margin: 0; }
.lmq-post-comments .reply a { font-size: 12px; color: var(--lmq-teal); font-weight: 600; text-decoration: none; }

/* Comment form */
.lmq-post-comments #respond { background: #fff; border: 1px solid var(--lmq-border); border-radius: 16px; padding: 28px; }
.lmq-post-comments #reply-title { font-size: 17px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 20px; display: block; }
.lmq-post-comments .comment-notes,
.lmq-post-comments .logged-in-as { font-size: 13px; color: var(--lmq-muted); margin-bottom: 16px; }
.lmq-post-comments .logged-in-as a { color: var(--lmq-teal); font-weight: 600; }
.lmq-post-comments .comment-form { display: flex; flex-direction: column; gap: 14px; }
.lmq-post-comments .comment-form label {
    font-size: 12px; font-weight: 700; color: var(--lmq-dark);
    display: block; margin-bottom: 5px;
}
.lmq-post-comments .comment-form input[type="text"],
.lmq-post-comments .comment-form input[type="email"],
.lmq-post-comments .comment-form input[type="url"],
.lmq-post-comments .comment-form textarea {
    width: 100% !important; border: 1.5px solid var(--lmq-border) !important;
    border-radius: 10px !important; padding: 11px 14px !important;
    font-family: 'Cairo', sans-serif !important; font-size: 14px !important;
    background: #fff !important; outline: none !important;
    transition: border-color .2s !important; color: var(--lmq-dark) !important;
    box-sizing: border-box !important;
}
.lmq-post-comments .comment-form input:focus,
.lmq-post-comments .comment-form textarea:focus {
    border-color: var(--lmq-teal, #419D99) !important;
    box-shadow: 0 0 0 3px rgba(65,157,153,.1) !important;
}
.lmq-post-comments .comment-form textarea { min-height: 130px; resize: vertical; }
.lmq-post-comments .comment-form-author,
.lmq-post-comments .comment-form-email,
.lmq-post-comments .comment-form-url { display: inline-block; width: 100%; }
.lmq-post-comments .comment-form .comment-form-cookies-consent { display: flex; align-items: center; gap: 8px; }
.lmq-post-comments .comment-form .comment-form-cookies-consent input { width: auto !important; }
.lmq-post-comments .comment-form .comment-form-cookies-consent label { margin: 0; font-size: 12px; }
.lmq-post-comments .form-submit { margin: 0; }
.lmq-post-comments .form-submit #submit {
    background: var(--lmq-teal, #419D99) !important; color: #fff !important;
    border: none !important; border-radius: 10px !important;
    padding: 13px 28px !important; font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important; font-weight: 800 !important;
    cursor: pointer !important; transition: background .2s !important;
    display: inline-block !important;
}
.lmq-post-comments .form-submit #submit:hover { background: #2d7a76 !important; }
.lmq-post-comments .must-log-in { font-size: 14px; color: var(--lmq-muted); }
.lmq-post-comments .must-log-in a { color: var(--lmq-teal); font-weight: 600; }

/* ================================================================
   POLICY PAGES — سياسات الموقع
================================================================ */
.lmq-policy-page { background: var(--lmq-bg, #FAF8F5); }

/* Hero */
.lmq-policy-hero {
    background: #fff; border-bottom: 1px solid var(--lmq-border);
    padding: 36px 0 28px;
}
.lmq-policy-bc {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; color: var(--lmq-muted); margin-bottom: 20px;
}
.lmq-policy-bc a { color: var(--lmq-muted); text-decoration: none; }
.lmq-policy-bc a:hover { color: var(--lmq-teal); }
.lmq-policy-hero-inner {
    display: flex; align-items: center; gap: 18px;
}
.lmq-policy-icon-wrap {
    width: 60px; height: 60px; border-radius: 16px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.lmq-policy-title {
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 900; color: var(--lmq-dark); margin: 0 0 6px;
}
.lmq-policy-updated { font-size: 12px; color: var(--lmq-muted); }

/* Layout */
.lmq-policy-layout {
    display: grid; grid-template-columns: 1fr 280px;
    gap: 32px; align-items: start; padding: 36px 0 80px;
}

/* Article content */
.lmq-policy-article { min-width: 0; }
.lmq-policy-content {
    background: #fff; border: 1px solid var(--lmq-border);
    border-radius: 16px; padding: 36px 40px;
    font-size: 15px; color: var(--lmq-dark); line-height: 1.9;
}
.lmq-policy-content h2 {
    font-size: 19px; font-weight: 800; color: var(--lmq-dark);
    margin: 32px 0 12px; padding-bottom: 8px;
    border-bottom: 2px solid var(--lmq-bg2);
}
.lmq-policy-content h2:first-child { margin-top: 0; }
.lmq-policy-content h3 { font-size: 16px; font-weight: 700; color: var(--lmq-dark); margin: 22px 0 8px; }
.lmq-policy-content p  { margin-bottom: 14px; color: var(--lmq-muted); }
.lmq-policy-content ul,
.lmq-policy-content ol { padding-right: 22px; margin-bottom: 16px; color: var(--lmq-muted); }
.lmq-policy-content li { margin-bottom: 7px; }
.lmq-policy-content strong { color: var(--lmq-dark); font-weight: 700; }
.lmq-policy-content a { color: var(--lmq-teal); text-decoration: underline; }

/* Contact CTA at bottom of article */
.lmq-policy-contact-cta {
    margin-top: 28px; background: var(--lmq-bg2);
    border-radius: 16px; padding: 24px 28px;
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.lmq-policy-cta-icon { font-size: 32px; flex-shrink: 0; }
.lmq-policy-cta-text { flex: 1; min-width: 0; }
.lmq-policy-cta-text h3 { font-size: 15px; font-weight: 800; color: var(--lmq-dark); margin-bottom: 4px; }
.lmq-policy-cta-text p  { font-size: 13px; color: var(--lmq-muted); margin: 0; }
.lmq-policy-cta-btns { display: flex; gap: 8px; flex-wrap: wrap; flex-shrink: 0; }
.lmq-policy-cta-btn {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 18px; border-radius: 10px;
    font-size: 13px; font-weight: 700; text-decoration: none;
    font-family: 'Cairo', sans-serif; transition: all .2s;
}
.lmq-policy-cta-btn.wa    { background: #25d366; color: #fff; }
.lmq-policy-cta-btn.email { background: var(--lmq-teal); color: #fff; }
.lmq-policy-cta-btn:hover { opacity: .88; transform: translateY(-1px); }

/* Sidebar */
.lmq-policy-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 16px; }
.lmq-policy-widget  { background: #fff; border: 1px solid var(--lmq-border); border-radius: 14px; padding: 20px; }
.lmq-policy-widget-title { font-size: 12px; font-weight: 800; color: var(--lmq-dark); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--lmq-border); }

/* Summary points */
.lmq-policy-points { display: flex; flex-direction: column; gap: 10px; }
.lmq-policy-point  { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--lmq-dark); }
.lmq-policy-point-icon { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0; }

/* Related policy links */
.lmq-policy-links { display: flex; flex-direction: column; gap: 2px; }
.lmq-policy-link  { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--lmq-dark); text-decoration: none; transition: background .15s; }
.lmq-policy-link:hover { background: var(--lmq-bg2); color: var(--lmq-teal); }

/* Shop CTA widget */
.lmq-policy-shop-cta { background: var(--lmq-teal) !important; border-color: transparent !important; text-align: center; }
.lmq-policy-shop-cta .lmq-policy-widget-title { color: rgba(255,255,255,.55); border-bottom-color: rgba(255,255,255,.15); }
.lmq-policy-shop-cta h3 { font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 6px; }
.lmq-policy-shop-cta p  { font-size: 12px; color: rgba(255,255,255,.75); margin-bottom: 14px; }
.lmq-policy-shop-cta .lmq-sp-atc-btn { background: #fff !important; color: var(--lmq-teal) !important; box-shadow: none !important; }
.lmq-policy-shop-cta .lmq-sp-atc-btn:hover { background: var(--lmq-gold) !important; color: #2B2320 !important; transform: none !important; }

/* Responsive */
@media (max-width: 900px) {
    .lmq-policy-layout { grid-template-columns: 1fr !important; }
    .lmq-policy-sidebar { position: static !important; }
}
@media (max-width: 600px) {
    .lmq-policy-content { padding: 22px 18px !important; border-radius: 12px !important; }
    .lmq-policy-contact-cta { flex-direction: column; align-items: flex-start; }
    .lmq-policy-hero-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}


/* ═══════════════════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════════════════ */
.lmq-contact-page { background: var(--lmq-bg, #FAF8F5); }
.lmq-contact-hero {
    background: #fff;
    border-bottom: 1px solid var(--lmq-border, #EDE8E3);
    padding: 36px 0 32px;
    text-align: center;
}
.lmq-contact-hero .lmq-policy-bc { justify-content: center; }
.lmq-contact-title {
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 900;
    color: var(--lmq-dark, #2B2320);
    margin: 0 0 8px;
}
.lmq-contact-sub {
    font-size: 15px;
    color: var(--lmq-muted, #8A7F78);
    margin: 0;
}

/* Contact Cards */
.lmq-contact-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 32px 0;
}
.lmq-contact-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--lmq-border, #EDE8E3);
    border-radius: 14px;
    padding: 22px 24px;
    text-decoration: none;
    color: inherit;
    transition: all .25s;
}
a.lmq-contact-card:hover {
    border-color: var(--lmq-teal, #419D99);
    box-shadow: 0 6px 24px rgba(65,157,153,.12);
    transform: translateY(-2px);
}
.lmq-contact-card-icon {
    width: 52px; height: 52px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    font-size: 22px;
}
.lmq-contact-card--wa .lmq-contact-card-icon    { background: #dcfce7; color: #25d366; }
.lmq-contact-card--phone .lmq-contact-card-icon { background: #eff6ff; color: #3b82f6; }
.lmq-contact-card--email .lmq-contact-card-icon { background: #e4f5f4; color: #419D99; }
.lmq-contact-card--address .lmq-contact-card-icon { background: #fef9ee; color: #C9A84C; }
.lmq-contact-card-body { flex: 1; min-width: 0; }
.lmq-contact-card-body h3 {
    font-size: 15px; font-weight: 800;
    color: var(--lmq-dark, #2B2320);
    margin: 0 0 4px;
}
.lmq-contact-card-body p {
    font-size: 13px;
    color: var(--lmq-muted, #8A7F78);
    margin: 0;
}
.lmq-contact-card-value {
    direction: ltr;
    unicode-bidi: embed;
    font-weight: 700 !important;
    color: var(--lmq-dark, #2B2320) !important;
    font-size: 14px !important;
    letter-spacing: .3px;
}
.lmq-contact-card-arrow {
    font-size: 18px;
    color: var(--lmq-muted, #8A7F78);
    opacity: .4;
    transition: opacity .2s, transform .2s;
}
a.lmq-contact-card:hover .lmq-contact-card-arrow {
    opacity: 1;
    color: var(--lmq-teal, #419D99);
    transform: translateX(-4px);
}

/* Info Row */
.lmq-contact-info-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 32px;
}
.lmq-contact-info-card {
    background: #fff;
    border: 1px solid var(--lmq-border, #EDE8E3);
    border-radius: 14px;
    padding: 24px;
    text-align: center;
}
.lmq-contact-info-icon { font-size: 28px; margin-bottom: 10px; }
.lmq-contact-info-card h3 {
    font-size: 14px; font-weight: 800;
    color: var(--lmq-dark, #2B2320);
    margin: 0 0 8px;
}
.lmq-contact-info-card p {
    font-size: 13px;
    color: var(--lmq-muted, #8A7F78);
    margin: 0 0 4px;
}

/* Social buttons */
.lmq-contact-socials {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
    margin-top: 10px;
}
.lmq-contact-social-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px;
    border-radius: 99px;
    border: 1px solid var(--lmq-border, #EDE8E3);
    background: var(--lmq-bg, #FAF8F5);
    font-size: 12px; font-weight: 700;
    color: var(--lmq-dark, #2B2320);
    text-decoration: none;
    transition: all .2s;
}
.lmq-contact-social-btn:hover {
    border-color: var(--lmq-teal, #419D99);
    color: var(--lmq-teal, #419D99);
    background: rgba(65,157,153,.06);
}

/* Extra content */
.lmq-contact-extra {
    margin-bottom: 60px;
}

/* Responsive */
@media (max-width: 768px) {
    .lmq-contact-cards { grid-template-columns: 1fr; }
    .lmq-contact-info-row { grid-template-columns: 1fr; }
    .lmq-contact-card { padding: 16px 18px; }
    .lmq-contact-hero { padding: 24px 0; }
}


/* ── Default Page Template (page.php) ── */
.lmq-page-main {
    background: var(--lmq-bg, #FAF8F5);
    padding: 0 0 60px;
}
.lmq-breadcrumb-wrap {
    padding: 16px 0 0;
    font-size: 12px;
    color: var(--lmq-muted, #8A7F78);
}
.lmq-breadcrumb-wrap a {
    color: var(--lmq-muted, #8A7F78);
    text-decoration: none;
}
.lmq-breadcrumb-wrap a:hover { color: var(--lmq-teal, #419D99); }
.lmq-page-header {
    padding: 28px 0 20px;
}
.lmq-page-title {
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 900;
    color: var(--lmq-dark, #2B2320);
    margin: 0;
}
.lmq-page-body {
    background: #fff;
    border: 1px solid var(--lmq-border, #EDE8E3);
    border-radius: 16px;
    padding: 36px 40px;
    font-size: 15px;
    color: var(--lmq-dark, #2B2320);
    line-height: 1.9;
}
.lmq-page-body h1,
.lmq-page-body h2 {
    font-size: 19px; font-weight: 800;
    color: var(--lmq-dark, #2B2320);
    margin: 28px 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--lmq-bg2, #F3F0EB);
}
.lmq-page-body h1:first-child,
.lmq-page-body h2:first-child { margin-top: 0; }
.lmq-page-body h3 { font-size: 16px; font-weight: 700; margin: 22px 0 8px; }
.lmq-page-body p { margin-bottom: 14px; color: var(--lmq-muted, #8A7F78); }
.lmq-page-body ul,
.lmq-page-body ol { padding-right: 22px; margin-bottom: 16px; color: var(--lmq-muted, #8A7F78); }
.lmq-page-body li { margin-bottom: 7px; }
.lmq-page-body strong { color: var(--lmq-dark, #2B2320); font-weight: 700; }
.lmq-page-body a { color: var(--lmq-teal, #419D99); text-decoration: underline; }
.lmq-page-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 12px 0; }
@media (max-width: 600px) {
    .lmq-page-body { padding: 22px 18px; border-radius: 12px; }
    .lmq-page-header { padding: 20px 0 14px; }
}


/* ================================================================
   HERO — Full Width (no image column)
================================================================ */
.lmq-hero-full {
    position: relative; overflow: hidden;
    padding: 100px 0 90px;
    background: var(--lmq-teal, #419D99);
    isolation: isolate;
}
.lmq-hero-full.has-bg-img { background: var(--lmq-dark, #2B2320); }

/* Background image */
.lmq-hero-bg-img {
    position: absolute; inset: 0; z-index: -2;
    background-size: cover; background-position: center;
    transition: transform 8s ease;
}
.lmq-hero-full:hover .lmq-hero-bg-img { transform: scale(1.03); }
.lmq-hero-bg-overlay {
    position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(135deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.35) 100%);
}

/* Full-width inner — centered text */
.lmq-hero-full-inner {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lmq-hero-h1-full {
    font-size: clamp(36px, 6vw, 68px) !important;
    max-width: 100%;
    text-align: center;
}
.lmq-hero-sub-full {
    font-size: 17px !important;
    max-width: 560px;
    text-align: center;
    margin-left: auto; margin-right: auto;
}
.lmq-hero-full .lmq-hero-eyebrow   { justify-content: center; }
.lmq-hero-full .lmq-hero-chips     { justify-content: center; }
.lmq-hero-full .lmq-hero-actions   { justify-content: center; }

/* Stats row */
.lmq-hero-stats-row {
    display: flex; align-items: center; gap: 14px;
    flex-wrap: wrap; justify-content: center; margin-top: 28px;
}
.lmq-hero-stat-pill {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    padding: 8px 16px; border-radius: 99px;
    font-size: 13px; color: rgba(255,255,255,.85);
}
.lmq-hero-stat-pill .lmq-hero-stars { display: flex; gap: 2px; }
.lmq-hero-stat-pill strong { font-size: 15px; font-weight: 900; color: var(--lmq-gold, #C9A84C); }

/* Override old hero grid */
.lmq-hero-full .lmq-hero-inner { display: block !important; }
.lmq-hero-full .lmq-hero-image { display: none !important; }

@media (max-width: 600px) {
    .lmq-hero-full { padding: 72px 0 64px; }
    .lmq-hero-h1-full { font-size: 34px !important; }
}

/* ── Hero right-aligned (RTL) — desktop ── */
section.lmq-hero .lmq-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: right !important;
    grid-template-columns: unset !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 140px 40px 90px !important;
}
section.lmq-hero .lmq-hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: right !important;
    width: 100% !important;
    max-width: 580px !important;
    padding-bottom: 0 !important;
    float: none !important;
    margin: 0 !important;
}
section.lmq-hero .lmq-hero-image { display: none !important; }
section.lmq-hero .lmq-hero-h1 {
    text-align: right !important;
    font-size: clamp(40px,6vw,76px) !important;
}
section.lmq-hero .lmq-hero-sub {
    text-align: right !important;
    max-width: 480px !important;
    margin: 0 !important;
}
section.lmq-hero .lmq-hero-chips   { justify-content: flex-start !important; }
section.lmq-hero .lmq-hero-actions { justify-content: flex-start !important; }
section.lmq-hero .lmq-hero-eyebrow { justify-content: flex-start !important; }
section.lmq-hero .lmq-hero-rating  { justify-content: flex-start !important; }
section.lmq-hero .lmq-hero-stats-row { justify-content: flex-start !important; }

/* Mobile: center */
@media (max-width: 768px) {
    section.lmq-hero .lmq-hero-inner   { align-items: center !important; text-align: center !important; padding: 60px 20px !important; }
    section.lmq-hero .lmq-hero-content { align-items: center !important; text-align: center !important; max-width: 100% !important; margin: 0 auto !important; }
    section.lmq-hero .lmq-hero-h1      { text-align: center !important; }
    section.lmq-hero .lmq-hero-sub     { text-align: center !important; margin: 0 auto !important; }
    section.lmq-hero .lmq-hero-chips,
    section.lmq-hero .lmq-hero-actions,
    section.lmq-hero .lmq-hero-eyebrow,
    section.lmq-hero .lmq-hero-stats-row { justify-content: center !important; }
}

/* ── Hero Eyebrow fix ── */
section.lmq-hero .lmq-hero-eyebrow {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.75) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
    width: auto !important;
    max-width: 100% !important;
}
section.lmq-hero .lmq-eyebrow-line {
    display: inline-block !important;
    width: 32px !important;
    height: 1.5px !important;
    background: #C9A84C !important;
    flex-shrink: 0 !important;
    order: 2 !important; /* خط بعد النص في RTL يعني على اليسار */
}

/* ================================================================
   PRODUCTS SECTION — Banner
================================================================ */
.lmq-sec-banner {
    position: relative;
    height: 480px;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 32px;
    background-color: var(--lmq-teal, #419D99);
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}
.lmq-sec-banner:hover { text-decoration: none; }

/* Background image layer */
.lmq-sec-banner-img {
    position: absolute; inset: 0; z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .6s ease;
}
.lmq-sec-banner:hover .lmq-sec-banner-img { transform: scale(1.04); }

/* Overlay */
.lmq-sec-banner-overlay {
    position: absolute; inset: 0; z-index: 1;
}

/* Text body — right side (RTL) */
.lmq-sec-banner-body {
    position: relative; z-index: 2;
    padding: 32px 36px;
    max-width: 520px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
/* Text position variants */
.lmq-sec-banner-pos-center .lmq-sec-banner-body { max-width: 100%; text-align: center; align-items: center; }
.lmq-sec-banner-pos-left   .lmq-sec-banner { align-items: flex-end; }
.lmq-sec-banner-pos-left   .lmq-sec-banner-body { margin-right: auto; margin-left: 0; }

/* Label */
.lmq-sec-banner-label {
    display: inline-flex; align-items: center;
    font-size: 10px; font-weight: 800;
    color: var(--lmq-gold, #C9A84C);
    letter-spacing: 2px; text-transform: uppercase;
    background: rgba(201,168,76,.18);
    border: 1px solid rgba(201,168,76,.35);
    padding: 4px 12px; border-radius: 99px;
}
/* Title */
.lmq-sec-banner-title {
    font-size: clamp(26px, 3.5vw, 48px);
    font-weight: 900; color: #fff;
    line-height: 1.1; margin: 0;
    text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
/* Sub title */
.lmq-sec-banner-sub {
    font-size: 16px; color: rgba(255,255,255,.85);
    line-height: 1.6; margin: 0;
    max-width: 400px;
}
/* CTA button */
.lmq-sec-banner-link {
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--lmq-gold, #C9A84C); color: #2B2320;
    font-size: 13px; font-weight: 800;
    padding: 11px 24px; border-radius: 9px;
    transition: all .25s;
    box-shadow: 0 4px 16px rgba(201,168,76,.35);
    margin-top: 4px;
}
.lmq-sec-banner:hover .lmq-sec-banner-link {
    background: #b8963e;
    box-shadow: 0 8px 24px rgba(201,168,76,.5);
    gap: 13px;
}

/* Non-homepage: ticker is visible, header sticky below it */
body:not(.home) .lmq-header {
    position: sticky !important;
    top: 0 !important;
    background: rgba(43,35,32,.97) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: none;
}
body:not(.home) .lmq-ticker {
    position: sticky;
    top: 0;
    z-index: 201;
}
/* Homepage: ticker is normal flow, header absolute over hero */
body.home .lmq-ticker {
    position: relative;
    z-index: 210;
}
body.home .lmq-header {
    position: absolute;
    top: 36px;
}
body.home .lmq-header.scrolled {
    position: fixed !important;
    top: 0 !important;
}

/* ── Hero mobile vs desktop background ── */
.lmq-hero-bg-desktop { display: block; }
.lmq-hero-bg-mobile  { display: none; }

@media (max-width: 768px) {
    /* If mobile image exists: show it, hide desktop */
    .lmq-hero-bg-mobile  { display: block; }
    .lmq-hero-bg-desktop { display: none; }
    /* Mobile hero height adjustment */
    section.lmq-hero { min-height: 500px; }
}

/* ── Header logo center fix ── */
.lmq-header .lmq-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
/* Remove old display:flex on header-left since now in grid */

/* ═══ LOGO CENTER — nuclear override ═══ */
.lmq-header-inner .lmq-header-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
}
.lmq-header-inner .lmq-header-row .lmq-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    justify-content: center !important;
    text-decoration: none !important;
}
.lmq-header-inner .lmq-header-row .lmq-header-right {
    grid-column: 1 !important;
    justify-content: flex-start !important;
}
.lmq-header-inner .lmq-header-row .lmq-header-left {
    grid-column: 3 !important;
    justify-content: flex-end !important;
}

/* ── Banner desktop/mobile image swap ── */
.lmq-banner-img-desktop { display: block !important; }
.lmq-banner-img-mobile  { display: none  !important; }
@media (max-width: 768px) {
    .lmq-banner-img-desktop { display: none  !important; }
    .lmq-banner-img-mobile  { display: block !important; }
}

/* ── Bento desktop/mobile image swap ── */
.lmq-bento-img-desktop { display: block !important; }
.lmq-bento-img-mobile  { display: none  !important; }
@media (max-width: 768px) {
    .lmq-bento-img-desktop { display: none  !important; }
    .lmq-bento-img-mobile  { display: block !important; }
}