/* ============================================================
   DAR JULIET — RESPONSIVE CSS
   ============================================================ */

@media (max-width: 1024px) {
    .dj-pgrid { grid-template-columns: repeat(2, 1fr); }
    .dj-feat-grid { grid-template-columns: repeat(2, 1fr); }
    .dj-gal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    .dj-gal-grid .dj-gi:first-child { grid-column: span 2; grid-row: span 1; }
    .dj-ss-grid { grid-template-columns: repeat(2, 1fr); }
    .dj-fg4 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    body { font-size: 14px; }

    /* Topbar */
    .dj-topbar { font-size: 11px; padding: 8px 12px; letter-spacing: 0.5px; }

    /* Nav */
    .dj-nav { padding: 0 16px; height: 64px; }
    .dj-nav-links { display: none; }
    .dj-nav-logo img { height: 48px; }
    .dj-nav-actions { gap: 8px; }
    .dj-lang-btn { padding: 4px 10px; font-size: 11px; }
    .dj-nav-icon { width: 34px; height: 34px; }
    .dj-mobile-toggle { display: flex; }

    /* Hero */
    .dj-hero { min-height: 520px; padding: 50px 20px; }
    .dj-hero-logo { width: 160px; }
    .dj-hero-eyebrow { font-size: 11px; letter-spacing: 3px; }
    .dj-hero-title { font-size: 13px; letter-spacing: 4px; }
    .dj-hero-subtitle { font-size: 13px; }
    .dj-hero-btns { flex-direction: column; align-items: center; gap: 10px; }
    .dj-btn-primary, .dj-btn-outline { width: 100%; max-width: 260px; padding: 13px 20px; font-size: 13px; }

    /* Paths */
    .dj-paths { grid-template-columns: 1fr; }
    .dj-pcard { padding: 28px 20px; }
    .dj-pcard:not(:last-child) { border-left: none; border-bottom: 1px solid var(--dj-border); }
    .dj-pcard-icon { width: 54px; height: 54px; }

    /* Strip */
    .dj-strip-item { padding: 10px 20px; font-size: 11px; }

    /* Section header */
    .dj-sh { padding: 40px 16px 22px; }
    .dj-sh-ar { font-size: 26px; }
    .dj-sh-en { font-size: 12px; letter-spacing: 2px; }

    /* Product grid */
    .dj-pgrid { grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; }
    .dj-prod-img { height: 170px; }
    .dj-prod-body { padding: 12px; }
    .dj-prod-name-ar { font-size: 13px; }
    .dj-prod-price { font-size: 14px; }
    .dj-prod-btn { padding: 7px 12px; font-size: 11px; }
    .dj-filter-bar { padding: 0; }
    .dj-fbtn { padding: 11px 14px; font-size: 12px; }
    .dj-sort-bar { padding: 12px 16px; }

    /* Product detail */
    .dj-pd-section { padding: 20px 16px; }
    .dj-pd-grid { grid-template-columns: 1fr; gap: 24px; }
    .dj-pd-main { height: 300px; }
    .dj-pd-info h1 { font-size: 20px; }
    .dj-pd-price { font-size: 24px; }
    .dj-breadcrumb { padding: 10px 16px; font-size: 12px; }

    /* Configurator */
    .dj-cfg-section { padding: 36px 16px; }
    .dj-cfg-wrap { grid-template-columns: 1fr; gap: 24px; }
    .dj-cfg-preview { height: 260px; }
    .dj-cfg-fabrics { grid-template-columns: 1fr 1fr; }

    /* Measurements */
    .dj-msr-section { padding: 36px 16px; }
    .dj-msr-wrap { grid-template-columns: 1fr; gap: 24px; }
    .dj-fgrid { grid-template-columns: 1fr 1fr; gap: 10px; }

    /* Calendar */
    .dj-cal-section { padding: 32px 16px; }
    .dj-cal-wrap { grid-template-columns: 1fr; gap: 24px; }
    .dj-cal-text h3 { font-size: 20px; }

    /* Gallery */
    .dj-gal-section { padding: 32px 0 0; }
    .dj-gal-grid { grid-template-columns: 1fr 1fr; }
    .dj-gal-grid .dj-gi:first-child { grid-column: span 2; }
    .dj-ugc-row { padding: 12px 16px 32px; }
    .dj-ugc-grid { grid-template-columns: repeat(3, 1fr); }

    /* Social Shop */
    .dj-ss-section { padding: 32px 16px; }
    .dj-ss-grid { grid-template-columns: 1fr 1fr; }

    /* AI Stylist */
    .dj-ai-section { padding: 36px 16px; }
    .dj-ai-wrap { grid-template-columns: 1fr; gap: 24px; }

    /* Reviews */
    .dj-rev-section { padding: 36px 16px; }
    .dj-rev-summary { flex-direction: column; gap: 20px; padding: 20px 16px; }
    .dj-rev-pct { border-right: none; border-top: 1px solid var(--dj-border); padding-top: 16px; padding-right: 0; }
    .dj-rev-grid { grid-template-columns: 1fr; }

    /* Features */
    .dj-feat-grid { grid-template-columns: 1fr 1fr; gap: 12px; padding: 24px 16px; }

    /* Newsletter */
    .dj-news-section { padding: 40px 16px; }
    .dj-news-form { flex-direction: column; }
    .dj-news-inp { border-radius: var(--dj-radius); }
    .dj-news-btn { border-radius: var(--dj-radius); }

    /* Footer */
    .dj-footer { padding: 36px 16px 16px; }
    .dj-fg4 { grid-template-columns: 1fr; gap: 28px; }
    .dj-fbot { flex-direction: column; gap: 8px; text-align: center; }

    /* Social bar */
    .dj-soc-bar { flex-wrap: wrap; padding: 22px 16px; }

    /* WhatsApp */
    .dj-whatsapp { bottom: 18px; left: 18px; width: 50px; height: 50px; }
    .dj-whatsapp svg { width: 24px; height: 24px; }
    .dj-whatsapp-tip { display: none; }
}

@media (max-width: 380px) {
    .dj-pgrid { grid-template-columns: 1fr; }
    .dj-fgrid { grid-template-columns: 1fr; }
    .dj-feat-grid { grid-template-columns: 1fr; }
    .dj-ugc-grid { grid-template-columns: repeat(2, 1fr); }
    .dj-hero-logo { width: 130px; }
    .dj-sh-ar { font-size: 22px; }
}

/* ══ MOBILE FIX: overflow + nav ══ */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}
body.website_dar_juliet #wrapwrap {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Nav: hide links on mobile, show hamburger */
@media (max-width: 768px) {
    body.website_dar_juliet .dj-nav-links {
        display: none !important;
    }
    body.website_dar_juliet .dj-nav-actions {
        display: none !important;
    }
    body.website_dar_juliet .dj-mobile-toggle {
        display: flex !important;
    }
    body.website_dar_juliet .dj-nav {
        padding: 8px 12px !important;
    }
    body.website_dar_juliet .dj-nav-logo img {
        height: 36px !important;
    }

    /* Hero responsive */
    body.website_dar_juliet .dj-hero-title {
        font-size: 22px !important;
        letter-spacing: 2px !important;
    }
    body.website_dar_juliet .dj-hero-subtitle {
        font-size: 13px !important;
    }
    body.website_dar_juliet .dj-hero-btns {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    body.website_dar_juliet .dj-hero-btns a {
        width: 80% !important;
        text-align: center !important;
    }

    /* Paths: stack vertically */
    body.website_dar_juliet .dj-paths {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Products grid: 2 columns on mobile */
    body.website_dar_juliet .dj-pgrid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    /* Features: 2 columns */
    body.website_dar_juliet .dj-feat-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    /* Footer: stack */
    body.website_dar_juliet .dj-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    /* Configurator: single column */
    body.website_dar_juliet #dj-cfg-products {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    body.website_dar_juliet .dj-cfg-step {
        font-size: 11px !important;
        padding: 6px 12px !important;
    }

    /* Calendar: full width */
    body.website_dar_juliet .dj-cal-wrap {
        grid-template-columns: 1fr !important;
    }

    /* Time slots: smaller */
    body.website_dar_juliet .dj-time-slots {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important;
    }
    body.website_dar_juliet .dj-time-slot {
        font-size: 11px !important;
        padding: 6px 4px !important;
    }

    /* Reviews: single column */
    body.website_dar_juliet .dj-rev-grid {
        grid-template-columns: 1fr !important;
    }

    /* Terms page: stack columns */
    body.website_dar_juliet [dir="rtl"] + [dir="ltr"],
    body.website_dar_juliet div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Topbar: smaller text */
    body.website_dar_juliet .dj-topbar {
        font-size: 11px !important;
        padding: 6px 8px !important;
    }

    /* Hide Odoo default on mobile too */
    body.website_dar_juliet #wrapwrap > header,
    body.website_dar_juliet .o_main_navbar {
        display: none !important;
        height: 0 !important;
    }
}

@media (max-width: 480px) {
    body.website_dar_juliet .dj-pgrid {
        grid-template-columns: 1fr !important;
    }
    body.website_dar_juliet .dj-feat-grid {
        grid-template-columns: 1fr !important;
    }
    body.website_dar_juliet #dj-cfg-products {
        grid-template-columns: 1fr !important;
    }
    body.website_dar_juliet .dj-time-slots {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}