/* =========================================================
   ORVEX DZ — MOBILE GLOBAL
   Shared responsive layer for all pages except ACCUEIL.
   Loaded AFTER each page CSS so desktop design stays intact.
   ========================================================= */

@media (max-width: 860px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        zoom: 1 !important;
    }

    body {
        padding-top: 0 !important;
    }

    /* ---------- SAME MOBILE HEADER AS ACCUEIL ---------- */
    .topbar {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 16px !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        gap: 14px !important;
        flex-wrap: nowrap !important;
        background: #050505 !important;
        border-bottom: 1px solid rgba(255,255,255,.10) !important;
        z-index: 900 !important;
    }

    .brand-logo {
        flex: none !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
    }

    .brand-logo img {
        width: 120px !important;
        max-width: 120px !important;
        max-height: 54px !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .desktop-nav,
    .header-actions {
        display: none !important;
    }

    .mobile-menu-button {
        justify-self: end !important;
        grid-column: 3 !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        border: 1px solid #303030 !important;
        border-radius: 50% !important;
        background: #0b0b0b !important;
        cursor: pointer !important;
    }

    .mobile-menu-button span {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background: #d4ad5b !important;
        border-radius: 4px !important;
    }

    /* ---------- MOBILE DRAWER ---------- */
    .menu-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1950 !important;
        background: rgba(0,0,0,.72) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: .3s ease !important;
    }

    .menu-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .drawer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 2000 !important;
        width: min(360px, 88vw) !important;
        height: 100dvh !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        background: linear-gradient(180deg, rgba(212,173,91,.05), transparent 24%), #0a0a0a !important;
        border-right: 1px solid #282828 !important;
        transform: translateX(-105%) !important;
        transition: .32s ease !important;
    }

    .drawer.active {
        transform: translateX(0) !important;
    }

    .drawer-head {
        min-height: 80px !important;
        padding: 0 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #282828 !important;
    }

    .drawer-head > span {
        color: #d4ad5b !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 4px !important;
    }

    .drawer-head button {
        width: auto !important;
        height: auto !important;
        border: 0 !important;
        background: transparent !important;
        color: #d4ad5b !important;
        font-size: 24px !important;
    }

    .drawer-nav {
        padding: 18px 22px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .drawer-nav a {
        min-height: 67px !important;
        padding: 0 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
        border-bottom: 1px solid #262626 !important;
        color: #eee !important;
        text-decoration: none !important;
        font-size: 17px !important;
    }

    .drawer-nav a span {
        width: 28px !important;
        color: #d4ad5b !important;
        text-align: center !important;
        font-size: 21px !important;
    }

    .drawer-social {
        margin-top: auto !important;
        padding: 20px 25px 30px !important;
        text-align: center !important;
    }

    .drawer-social p {
        margin: 14px 0 18px !important;
        color: #d4ad5b !important;
        font-size: 12px !important;
        letter-spacing: 3px !important;
    }

    .drawer-social .social-icons {
        display: flex !important;
        justify-content: center !important;
        gap: 14px !important;
    }

    .drawer-social .social-icons a {
        width: 50px !important;
        height: 50px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid #745e33 !important;
        border-radius: 50% !important;
        color: #d4ad5b !important;
        text-decoration: none !important;
        font-size: 22px !important;
    }

    body.menu-open {
        overflow: hidden !important;
    }

    /* ---------- BOUTIQUE ---------- */
    .catalog {
        width: 100% !important;
        padding: 26px 14px 55px !important;
    }

    .category-row {
        padding: 8px 0 34px !important;
    }

    .category-heading {
        margin-bottom: 14px !important;
        gap: 10px !important;
    }

    .category-title-wrap h2 {
        font-size: 18px !important;
    }

    .category-count {
        font-size: 8px !important;
    }

    .category-card,
    .product-placeholder {
        flex: 0 0 82vw !important;
        width: 82vw !important;
        max-width: 360px !important;
        height: 420px !important;
    }

    .category-prev { left: 5px !important; }
    .category-next { right: 5px !important; }

    /* ---------- COLLECTIONS ---------- */
    .collections-main {
        width: 100% !important;
    }

    .collections-hero {
        min-height: 0 !important;
        padding: 36px 20px !important;
        display: block !important;
    }

    .collections-hero h1 {
        font-size: 36px !important;
    }

    .collections-hero h2 {
        font-size: 18px !important;
    }

    .collections-description {
        font-size: 11px !important;
    }

    .collections-hero-side {
        display: none !important;
    }

    .collections-services {
        grid-template-columns: 1fr 1fr !important;
        padding: 8px 14px !important;
    }

    .service-item {
        min-height: 64px !important;
        padding: 10px 8px !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }

    .products-section,
    .new-season-strip {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .products-section {
        padding: 30px 0 42px !important;
    }

    .section-title h2 {
        font-size: 18px !important;
    }

    .section-subtitle {
        display: none !important;
    }

    .new-season-strip {
        padding: 25px 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 18px !important;
    }

    /* ---------- CATEGORY ---------- */
    .category-hero {
        width: calc(100% - 28px) !important;
        padding: 24px 0 18px !important;
    }

    .category-hero h1 {
        font-size: 24px !important;
    }

    .catalog-toolbar {
        width: calc(100% - 28px) !important;
        gap: 10px !important;
    }

    .catalog-sort label {
        display: none !important;
    }

    .catalog-sort select {
        min-width: 130px !important;
        max-width: 48vw !important;
    }

    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .products-grid .category-card {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 340px !important;
    }

    .products-grid .category-card-image {
        height: 220px !important;
        flex-basis: 220px !important;
    }

    .products-grid .category-card-info {
        height: auto !important;
        min-height: 130px !important;
        flex-basis: auto !important;
    }

    /* ---------- CONTACT ---------- */
    .contact-hero {
        padding: 45px 18px 38px !important;
    }

    .contact-hero h1 {
        font-size: 34px !important;
        letter-spacing: 2px !important;
    }

    .contact-hero .hero-description {
        font-size: 12px !important;
    }

    .contact-container {
        width: calc(100% - 28px) !important;
        margin: 0 auto 55px !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .contact-form-box,
    .contact-info {
        width: 100% !important;
        padding: 24px 18px !important;
    }

    .form-row {
        grid-template-columns: 1fr !important;
    }

    /* ---------- PRODUCT ---------- */
    .product-page {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 22px 14px 45px !important;
    }

    .product-main {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .product-main-image {
        width: 100% !important;
        height: min(110vw, 470px) !important;
    }

    .product-thumbnails {
        gap: 8px !important;
    }

    .thumbnail,
    .product-thumb {
        flex: 0 0 78px !important;
        width: 78px !important;
        height: 72px !important;
    }

    .product-details {
        width: 100% !important;
        padding: 0 !important;
    }

    .product-details h1 {
        font-size: 24px !important;
    }

    .product-price {
        font-size: 23px !important;
    }

    .order-box {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .orvex-related-products {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .orvex-product-card {
        flex: 0 0 calc((100% - 10px) / 2) !important;
    }

    /* ---------- CART ---------- */
    .orvex-global-cart,
    .cart-drawer {
        max-width: 100vw !important;
    }
}

@media (max-width: 520px) {
    .collections-services {
        grid-template-columns: 1fr !important;
    }

    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .products-grid .category-card-image {
        height: 185px !important;
        flex-basis: 185px !important;
    }

    .products-grid .category-card-info {
        min-height: 120px !important;
        padding: 10px !important;
    }

    .product-main-image {
        height: 390px !important;
    }
}

@media (max-width: 380px) {
    .topbar {
        padding: 0 12px !important;
    }

    .brand-logo img {
        width: 108px !important;
        max-width: 108px !important;
    }

    .products-grid {
        grid-template-columns: 1fr !important;
    }

    .products-grid .category-card {
        min-height: 400px !important;
    }

    .products-grid .category-card-image {
        height: 275px !important;
        flex-basis: 275px !important;
    }
}

/* =========================================================
   ORVEX DZ — MOBILE V2
   Header refinement + Boutique: 2 cards per row/viewport
   ========================================================= */
@media (max-width: 860px) {
    /* Header: lighter/tighter alignment */
    .topbar {
        height: 68px !important;
        min-height: 68px !important;
        padding: 0 12px !important;
        gap: 10px !important;
    }

    .brand-logo img {
        width: 112px !important;
        max-width: 112px !important;
        max-height: 50px !important;
    }

    .mobile-menu-button {
        width: 38px !important;
        height: 38px !important;
    }

    .mobile-menu-button span {
        width: 17px !important;
    }

    /* Boutique: exactly 2 product cards visible */
    .catalog {
        width: 100% !important;
        padding: 24px 10px 50px !important;
    }

    .category-track {
        gap: 8px !important;
    }

    .category-card,
    .product-placeholder {
        flex: 0 0 calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        max-width: none !important;
        height: 330px !important;
    }

    .category-card-image {
        height: 205px !important;
        flex: 0 0 205px !important;
    }

    .category-card-info {
        height: 125px !important;
        flex: 0 0 125px !important;
        padding: 9px 9px 8px !important;
    }

    .category-card-info h3,
    .category-card .category-card-info .product-name {
        margin-bottom: 5px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .category-prices {
        min-height: 30px !important;
        margin-bottom: 5px !important;
    }

    .category-old-price {
        font-size: 8px !important;
    }

    .category-current-price {
        font-size: 15px !important;
    }

    .product-badge {
        top: 8px !important;
        left: 8px !important;
        min-height: 24px !important;
        padding: 0 8px !important;
        font-size: 7px !important;
    }

    .category-card .buy-link,
    .buy-link {
        min-height: 36px !important;
        height: 36px !important;
        gap: 7px !important;
        font-size: 11px !important;
        transform: none !important;
    }

    .category-card .buy-cart-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .category-arrow {
        width: 30px !important;
        height: 42px !important;
        font-size: 17px !important;
    }

    .category-prev { left: 3px !important; }
    .category-next { right: 3px !important; }
}

@media (max-width: 390px) {
    .category-card,
    .product-placeholder {
        height: 315px !important;
    }

    .category-card-image {
        height: 192px !important;
        flex-basis: 192px !important;
    }

    .category-card-info {
        height: 123px !important;
        flex-basis: 123px !important;
    }
}

/* =========================================================
   ORVEX DZ — MOBILE V3
   TOUCH / SWIPE SLIDERS — NO ARROWS ON PHONE
   ========================================================= */
@media (max-width: 860px) {
    /* Boutique */
    .category-arrow,
    .category-prev,
    .category-next {
        display: none !important;
    }

    .category-viewport {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }

    .category-viewport::-webkit-scrollbar {
        display: none;
    }

    .category-track {
        width: 100% !important;
        min-width: 100% !important;
        flex-wrap: nowrap !important;
        transform: none !important;
        transition: none !important;
    }

    .category-track > .category-card,
    .category-track > .product-placeholder {
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }

    /* Collections */
    .cards-slider .slider-arrow,
    .cards-slider .slider-prev,
    .cards-slider .slider-next {
        display: none !important;
    }

    .cards-viewport {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }

    .cards-viewport::-webkit-scrollbar {
        display: none;
    }

    .cards-track {
        width: 100% !important;
        min-width: 100% !important;
        flex-wrap: nowrap !important;
        transform: none !important;
        transition: none !important;
    }

    .cards-track > .category-card,
    .cards-track > .product-placeholder {
        scroll-snap-align: start;
    }

    /* Product page — related products */
    .orvex-products-arrow {
        display: none !important;
    }

    .orvex-products-viewport {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }

    .orvex-products-viewport::-webkit-scrollbar {
        display: none;
    }

    .orvex-products-track {
        width: 100% !important;
        min-width: 100% !important;
        flex-wrap: nowrap !important;
        transform: none !important;
        transition: none !important;
    }

    .orvex-products-track > .orvex-product-card {
        scroll-snap-align: start;
    }
}

/* =========================================================
   ORVEX DZ — MOBILE V4
   COLLECTIONS = SAME CARD SIZE AS BOUTIQUE
   ========================================================= */
@media (max-width: 860px) {
    /* Hide the extra mobile intro text/services in Collections */
    .collections-description,
    .collections-services {
        display: none !important;
    }

    /* Use the same usable width as Boutique */
    .collections-main .products-section {
        width: 100% !important;
        margin: 0 !important;
        padding: 30px 10px 42px !important;
    }

    .collections-main .cards-slider,
    .collections-main .cards-viewport {
        width: 100% !important;
        max-width: 100% !important;
    }

    .collections-main .cards-track {
        width: 100% !important;
        min-width: 100% !important;
        gap: 8px !important;
    }

    /* Exactly two cards visible, same dimensions as Boutique */
    .collections-main .cards-track > .category-card,
    .collections-main .cards-track > .product-placeholder {
        flex: 0 0 calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        max-width: none !important;
        height: 330px !important;
        min-width: 0 !important;
    }

    .collections-main .category-card-image {
        height: 205px !important;
        flex: 0 0 205px !important;
    }

    .collections-main .category-card-info {
        height: 125px !important;
        flex: 0 0 125px !important;
        padding: 9px 9px 8px !important;
    }

    .collections-main .product-name {
        margin-bottom: 5px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .collections-main .category-prices {
        min-height: 30px !important;
        margin-bottom: 5px !important;
    }

    .collections-main .category-old-price {
        font-size: 8px !important;
    }

    .collections-main .category-current-price {
        font-size: 15px !important;
    }

    .collections-main .product-badge {
        top: 8px !important;
        left: 8px !important;
        min-height: 24px !important;
        padding: 0 8px !important;
        font-size: 7px !important;
    }

    .collections-main .buy-link {
        min-height: 36px !important;
        height: 36px !important;
        gap: 7px !important;
        font-size: 11px !important;
        transform: none !important;
    }

    .collections-main .buy-cart-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
}

@media (max-width: 390px) {
    .collections-main .cards-track > .category-card,
    .collections-main .cards-track > .product-placeholder {
        height: 315px !important;
    }

    .collections-main .category-card-image {
        height: 192px !important;
        flex-basis: 192px !important;
    }

    .collections-main .category-card-info {
        height: 123px !important;
        flex-basis: 123px !important;
    }
}

/* ==========================================
   CATEGORY MOBILE — EXACT BOUTIQUE SIZE
========================================== */

@media (max-width: 860px) {

    .catalog {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 18px 10px 45px !important;
    }

    .products-grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
    }

    .products-grid > .category-card {
        width: 100% !important;
        min-width: 0 !important;

        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;

        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;

        margin: 0 !important;
    }

    /* IMAGE */
    .products-grid > .category-card > .category-card-image {
        width: 100% !important;

        height: 185px !important;
        min-height: 185px !important;
        max-height: 185px !important;

        flex: 0 0 185px !important;

        overflow: hidden !important;
    }

    .products-grid .category-card-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* INFO */
    .products-grid > .category-card > .category-card-info {
        width: 100% !important;

        height: 115px !important;
        min-height: 0 !important;
        max-height: 115px !important;

        flex: 0 0 115px !important;

        padding: 7px 8px !important;
        overflow: hidden !important;
    }

    /* NAME */
    .products-grid .product-name {
        display: block !important;

        min-height: 12px !important;
        height: 12px !important;

        margin: 0 0 3px !important;

        font-size: 9px !important;
        line-height: 12px !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* PRICE */
    .products-grid .category-prices {
        min-height: 27px !important;
        height: 27px !important;
        margin: 0 0 4px !important;
        gap: 1px !important;
    }

    .products-grid .category-old-price {
        font-size: 7px !important;
        line-height: 8px !important;
    }

    .products-grid .category-current-price {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    /* BUTTON */
    .products-grid .buy-link {
        width: 100% !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;

        padding: 0 5px !important;

        font-size: 10px !important;
        gap: 6px !important;

        transform: none !important;
    }

    .products-grid .buy-cart-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* BADGE */
    .products-grid .product-badge {
        top: 8px !important;
        left: 8px !important;

        min-height: 22px !important;
        height: 22px !important;

        padding: 0 7px !important;
        font-size: 6px !important;
    }
}

/* =====================================================
   ALL PAGES MOBILE HEADER = ACCUEIL
===================================================== */

@media (max-width: 760px) {

    .topbar {
        width: 100% !important;

        height: 68px !important;
        min-height: 68px !important;

        padding: 0 18px !important;

        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;

        overflow: visible !important;

        background: #050505 !important;
    }

    .desktop-nav,
    .header-actions {
        display: none !important;
    }

    .brand-logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    .brand-logo img {
        width: 112px !important;
        height: auto !important;
        max-height: 54px !important;

        object-fit: contain !important;
    }

    /* نفس hamburger الموجود في ACCUEIL */
    .mobile-menu-button {
        display: flex !important;

        justify-self: end !important;

        width: 44px !important;
        height: 44px !important;

        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;

        gap: 5px !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
    }

    .mobile-menu-button span {
        width: 27px !important;
        height: 3px !important;

        background: #d4ad5b !important;
        border-radius: 2px !important;
    }
}


/* نفس حجم Logo ACCUEIL على الهاتف الصغير */
@media (max-width: 420px) {

    .brand-logo img {
        margin-left: -8px !important;

        width: 50px !important;
        max-width: 50px !important;
        height: auto !important;
    }
}

/* =========================================================
   MOBILE HEADER — EXACTLY SAME AS ACCUEIL
========================================================= */

@media (max-width: 760px) {

    .topbar {
        position: relative !important;
        width: 100% !important;

        height: 68px !important;
        min-height: 68px !important;

        padding: 0 18px !important;

        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;

        background: #050505 !important;

        overflow: visible !important;
    }

    .desktop-nav,
    .header-actions {
        display: none !important;
    }

    /* LOGO — SAME AS ACCUEIL */
    .topbar .brand-logo {
        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .topbar .brand-logo img {
        width: 50px !important;
        max-width: 50px !important;

        height: auto !important;
        max-height: 54px !important;

        margin-left: -8px !important;

        object-fit: contain !important;
    }

    /* MENU BUTTON — SAME AS ACCUEIL */
    .topbar #menuTrigger,
    .topbar .mobile-menu-button,
    .topbar .menu-trigger {
        display: flex !important;

        position: relative !important;

        justify-self: end !important;

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        padding: 0 !important;
        margin: 0 !important;

        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 5px !important;

        border: 0 !important;
        border-radius: 0 !important;

        outline: 0 !important;
        box-shadow: none !important;

        background: transparent !important;

        transform: translateX(13px) !important;
    }

    .topbar #menuTrigger span,
    .topbar .mobile-menu-button span,
    .topbar .menu-trigger span {
        display: block !important;

        width: 27px !important;
        height: 3px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #d4ad5b !important;

        border: 0 !important;
        border-radius: 0 !important;
    }
}

/* ============================================================
   ORVEX DZ — MOBILE PRODUCT CARD VISUAL
   Keeps existing mobile widths/swipe/dots; changes only card design.
   ============================================================ */
@media (max-width: 860px) {
    .category-card.orvex-unified-card {
        height: auto !important;
        min-height: 0 !important;
        border: 1px solid #2f2f2f !important;
        border-radius: 10px !important;
        background: #111 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .category-card.orvex-unified-card .category-card-image,
    .category-card.orvex-unified-card .orvex-unified-image {
        height: auto !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        aspect-ratio: 1 / 1.05 !important;
        background: #181818 !important;
    }

    .category-card.orvex-unified-card .category-card-info,
    .category-card.orvex-unified-card .orvex-unified-info {
        height: auto !important;
        min-height: 100px !important;
        flex: 0 0 auto !important;
        padding: 11px 9px 13px !important;
        align-items: center !important;
        text-align: center !important;
        background: #111 !important;
        border: 0 !important;
    }

    .category-card.orvex-unified-card .product-name,
    .category-card.orvex-unified-card .orvex-unified-name,
    .category-card.orvex-unified-card .category-card-info h3 {
        margin: 0 0 6px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .category-card.orvex-unified-card .category-current-price,
    .category-card.orvex-unified-card .orvex-unified-price {
        margin-top: auto !important;
        color: #d7b56d !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-align: center !important;
    }
}


/* ============================================================
   ORVEX DZ — REFINED PRODUCT CARDS
   Larger image + compact centered information area
   ============================================================ */

.category-card.orvex-unified-card {
    overflow: hidden !important;
}

/* Let the image dominate the card */
.category-card.orvex-unified-card .category-card-image,
.category-card.orvex-unified-card .orvex-unified-image {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* Compact information panel */
.category-card.orvex-unified-card .category-card-info,
.category-card.orvex-unified-card .orvex-unified-info {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    flex: 0 0 92px !important;

    padding: 9px 12px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    overflow: hidden !important;
}

/* Name remains centered and may use two lines only */
.category-card.orvex-unified-card .product-name,
.category-card.orvex-unified-card .orvex-unified-name,
.category-card.orvex-unified-card .category-card-info h3 {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 5px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;

    text-align: center !important;
    line-height: 16px !important;
}

/* Price group is dynamic — no reserved space */
.category-card.orvex-unified-card .orvex-card-price-box {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 1px !important;
}

.category-card.orvex-unified-card .orvex-card-old-price {
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 15px !important;
    font-weight: 700 !important;

    color: #8d8d8d !important;

    text-decoration: line-through !important;
    text-decoration-thickness: 1.5px !important;

    white-space: nowrap !important;
}

.category-card.orvex-unified-card .orvex-unified-price,
.category-card.orvex-unified-card .category-current-price {
    margin: 0 !important;

    font-weight: 900 !important;
    line-height: 18px !important;

    color: #d4ad5b !important;

    white-space: nowrap !important;
}

/* Phone: make the picture taller and the black info area shorter */
@media (max-width: 860px) {

    .category-card.orvex-unified-card .category-card-info,
    .category-card.orvex-unified-card .orvex-unified-info {
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
        flex: 0 0 82px !important;

        padding: 7px 7px !important;
    }

    .category-card.orvex-unified-card .product-name,
    .category-card.orvex-unified-card .orvex-unified-name,
    .category-card.orvex-unified-card .category-card-info h3 {
        margin-bottom: 4px !important;

        font-size: 11px !important;
        line-height: 14px !important;
    }

    .category-card.orvex-unified-card .orvex-card-old-price {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    .category-card.orvex-unified-card .orvex-unified-price,
    .category-card.orvex-unified-card .category-current-price {
        font-size: 14px !important;
        line-height: 17px !important;
    }
}

/* Slightly taller cards on phone so the gained space goes to the image,
   not to the information panel. */
@media (max-width: 860px) {
    .category-track > .category-card.orvex-unified-card,
    .cards-track > .category-card.orvex-unified-card {
        height: 350px !important;
    }
}


/* ============================================================
   ORVEX DZ — MATCH BIENTÔT PLACEHOLDERS WITH REAL PRODUCT CARDS
   Includes HOME "COLLECTION EN VEDETTE"
   ============================================================ */

/* Boutique / Collections placeholders */
.product-placeholder {
    overflow: hidden !important;
}

/* Make BIENTÔT use the same compact visual rhythm as product cards */
.category-track > .product-placeholder,
.cards-track > .product-placeholder {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* HOME — COLLECTION EN VEDETTE */
.featured-products .product-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Keep the decorative BIENTÔT content centered */
.product-placeholder .placeholder-inner,
.product-placeholder .placeholder-content,
.product-placeholder .soon-content,
.featured-products .product-placeholder > * {
    max-width: 100% !important;
}

/* Phone sizing: same overall height as the refined real cards */
@media (max-width: 860px) {

    .category-track > .product-placeholder,
    .cards-track > .product-placeholder,
    .featured-products .product-placeholder {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }

    .category-track > .product-placeholder,
    .cards-track > .product-placeholder {
        flex: 0 0 calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        min-width: 0 !important;
    }

    .featured-products .product-placeholder {
        flex: 0 0 calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        min-width: 0 !important;
    }
}


/* ============================================================
   ORVEX DZ — CATEGORY PAGE FINAL CARD SIZE
   Same refined proportions as Boutique / Collections
   ============================================================ */

.category-page .category-card.orvex-unified-card,
.category-grid .category-card.orvex-unified-card,
.products-grid .category-card.orvex-unified-card,
#categoryProducts .category-card.orvex-unified-card {
    overflow: hidden !important;
}

.category-page .category-card.orvex-unified-card .category-card-image,
.category-grid .category-card.orvex-unified-card .category-card-image,
.products-grid .category-card.orvex-unified-card .category-card-image,
#categoryProducts .category-card.orvex-unified-card .category-card-image {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.category-page .category-card.orvex-unified-card .category-card-info,
.category-grid .category-card.orvex-unified-card .category-card-info,
.products-grid .category-card.orvex-unified-card .category-card-info,
#categoryProducts .category-card.orvex-unified-card .category-card-info {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    flex: 0 0 92px !important;

    padding: 9px 12px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

@media (max-width: 860px) {

    .category-page .category-card.orvex-unified-card,
    .category-grid .category-card.orvex-unified-card,
    .products-grid .category-card.orvex-unified-card,
    #categoryProducts .category-card.orvex-unified-card {
        height: 350px !important;
    }

    .category-page .category-card.orvex-unified-card .category-card-info,
    .category-grid .category-card.orvex-unified-card .category-card-info,
    .products-grid .category-card.orvex-unified-card .category-card-info,
    #categoryProducts .category-card.orvex-unified-card .category-card-info {
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
        flex: 0 0 82px !important;

        padding: 7px !important;
    }
}


/* ============================================================
   ORVEX DZ — CATEGORY + ACCUEIL FINAL PROPORTIONS
   Same proportions as the refined Boutique cards
   ============================================================ */

/* ---------- CATEGORY PAGES ---------- */
@media (max-width: 860px) {
    .products-grid > .category-card.orvex-unified-card,
    #categoryProducts > .category-card.orvex-unified-card {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        overflow: hidden !important;
    }

    .products-grid > .category-card.orvex-unified-card > .category-card-image,
    #categoryProducts > .category-card.orvex-unified-card > .category-card-image {
        height: 268px !important;
        min-height: 268px !important;
        max-height: 268px !important;
        flex: 0 0 268px !important;
    }

    .products-grid > .category-card.orvex-unified-card > .category-card-info,
    #categoryProducts > .category-card.orvex-unified-card > .category-card-info {
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
        flex: 0 0 82px !important;

        padding: 7px 8px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* ---------- ACCUEIL: COLLECTION EN VEDETTE ---------- */
@media (max-width: 860px) {
    .featured-products .product-card,
    .featured-products .product-placeholder {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        overflow: hidden !important;
    }

    .featured-products .product-card .product-image,
    .featured-products .product-card .category-card-image,
    .featured-products .product-card .product-card-image {
        height: 268px !important;
        min-height: 268px !important;
        max-height: 268px !important;
        flex: 0 0 268px !important;
    }

    .featured-products .product-card .product-info,
    .featured-products .product-card .category-card-info,
    .featured-products .product-card .product-card-info {
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
        flex: 0 0 82px !important;

        padding: 7px 8px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* BIENTÔT cards on Accueil use the exact same total height */
    .featured-products .product-placeholder {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}