{"id":699,"date":"2024-12-07T10:11:45","date_gmt":"2024-12-07T10:11:45","guid":{"rendered":"https:\/\/carvan.wpengine.com\/?page_id=699"},"modified":"2026-05-18T13:00:42","modified_gmt":"2026-05-18T11:00:42","slug":"our-gallery","status":"publish","type":"page","link":"https:\/\/gocar.ma\/index.php\/our-gallery\/","title":{"rendered":"Vid\u00e9oth\u00e8que"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"699\" class=\"elementor elementor-699\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24607aa e-flex e-con-boxed e-con e-parent\" data-id=\"24607aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b275d79 e-con-full e-flex e-con e-child\" data-id=\"b275d79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c49d5ac elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"c49d5ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <section class=\"gocar-library\">\r\n        <div class=\"gocar-library-filters\">\r\n            <button class=\"active\" data-filter=\"all\">\u25a3 Tout voir<\/button>\r\n                            <button data-filter=\"extras\">\r\n                    Extras                <\/button>\r\n                            <button data-filter=\"offres\">\r\n                    Offres                <\/button>\r\n                            <button data-filter=\"parametres\">\r\n                    Param\u00e8tres                <\/button>\r\n                            <button data-filter=\"promotions\">\r\n                    Promotions                <\/button>\r\n                            <button data-filter=\"reservations\">\r\n                    R\u00e9servations                <\/button>\r\n                            <button data-filter=\"vehicules\">\r\n                    V\u00e9hicules                <\/button>\r\n                    <\/div>\r\n\r\n        <div class=\"gocar-library-count\">\r\n            8 vid\u00e9os\r\n        <\/div>\r\n\r\n        <div class=\"gocar-library-title\">\r\n            <span>\u00c0 LA UNE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"gocar-video-grid\">\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"reservations\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Commande-rapide-sur-Gocar.ma_-1024x365.png\" alt=\"Comment faire une commande rapide sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-place-a-Quick-order-gocar-1.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">R\u00e9servations<\/span>\r\n                        <h3>Comment faire une commande rapide sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"parametres\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-changer-le-logo-sur-Gocar-1024x365.png\" alt=\"Comment changer le logo sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-change-the-logo-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">Param\u00e8tres<\/span>\r\n                        <h3>Comment changer le logo sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"vehicules\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-ajouter-modifier-les-prix-sur-Gocar.ma_-1024x365.png\" alt=\"Comment ajouter \/ modifier les prix sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-add-update-prices-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">V\u00e9hicules<\/span>\r\n                        <h3>Comment ajouter \/ modifier les prix sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"vehicules\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-les-photos-sur-Gocar.ma_-1024x365.png\" alt=\"Comment ajouter les photos sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-add-photos-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">V\u00e9hicules<\/span>\r\n                        <h3>Comment ajouter les photos sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"offres\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-ajouter-les-extras-sur-Gocar-1024x365.png\" alt=\"Comment ajouter les offres sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-add-a-new-offer-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">Offres<\/span>\r\n                        <h3>Comment ajouter les offres sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"extras\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-ajouter-les-extras-sur-Gocar.ma_-1024x365.png\" alt=\"Comment ajouter les extras sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-add-a-new-extras-on-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">Extras<\/span>\r\n                        <h3>Comment ajouter les extras sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"vehicules\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-ajouter-un-vehicule-sur-Gocar.ma_-1024x365.png\" alt=\"Comment ajouter un v\u00e9hicule sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/how-to-add-a-new-car-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">V\u00e9hicules<\/span>\r\n                        <h3>Comment ajouter un v\u00e9hicule sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n            \r\n                <div class=\"gocar-video-card\" data-cat=\"promotions\">\r\n                    <div class=\"gocar-video-thumb\">\r\n\r\n                                                    <img decoding=\"async\" class=\"gocar-featured-img\" src=\"https:\/\/gocar.ma\/wp-content\/uploads\/2026\/05\/Comment-creer-un-code-promotionnelle-sur-Gocar.ma_-1024x365.png\" alt=\"Comment cr\u00e9er un code promotionnelle sur Gocar.ma ?\">\r\n                        \r\n                                                    <button class=\"gocar-play\" data-video=\"https:\/\/ahmed.ma\/wp-content\/uploads\/2026\/05\/How-to-create-a-coupon-code-on-gocar.mp4\"><\/button>\r\n                        \r\n                        <span class=\"gocar-new\">NOUVEAU<\/span>\r\n\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"gocar-video-content\">\r\n                        <span class=\"gocar-video-cat\">Promotions<\/span>\r\n                        <h3>Comment cr\u00e9er un code promotionnelle sur Gocar.ma ?<\/h3>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <style>\r\n    .gocar-featured-img{\r\n        position:absolute;\r\n        inset:0;\r\n        width:100%;\r\n        height:100%;\r\n        object-fit:cover;\r\n        z-index:1;\r\n    }\r\n\r\n    .gocar-video-preview{\r\n        position:absolute;\r\n        inset:0;\r\n        width:100%;\r\n        height:100%;\r\n        object-fit:cover;\r\n        opacity:.45;\r\n        z-index:1;\r\n        pointer-events:none;\r\n        background:#071026;\r\n    }\r\n\r\n    .gocar-play{\r\n        position:absolute;\r\n        top:50%;\r\n        left:50%;\r\n        transform:translate(-50%,-50%);\r\n        z-index:50 !important;\r\n        width:82px;\r\n        height:82px;\r\n        border:none;\r\n        border-radius:50%;\r\n        background:#6fbd44;\r\n        cursor:pointer;\r\n        box-shadow:0 20px 45px rgba(111,189,68,.35);\r\n        display:flex !important;\r\n        align-items:center;\r\n        justify-content:center;\r\n    }\r\n\r\n    .gocar-play::before{\r\n        content:\"\";\r\n        width:0;\r\n        height:0;\r\n        border-top:12px solid transparent;\r\n        border-bottom:12px solid transparent;\r\n        border-left:18px solid #fff;\r\n        margin-left:5px;\r\n    }\r\n\r\n    .gocar-play.is-hidden,\r\n    .gocar-video-thumb:has(.gocar-inline-video) .gocar-play{\r\n        display:none !important;\r\n    }\r\n\r\n    .gocar-inline-video{\r\n        position:absolute;\r\n        inset:0;\r\n        width:100%;\r\n        height:100%;\r\n        object-fit:contain;\r\n        background:#000;\r\n        z-index:80;\r\n    }\r\n\r\n    .gocar-library,\r\n    .gocar-library *{\r\n        box-sizing:border-box;\r\n    }\r\n\r\n    .gocar-library{\r\n        background:#f8faf7;\r\n        padding:70px 4%;\r\n        font-family:'Montserrat',Arial,sans-serif;\r\n        overflow:hidden;\r\n    }\r\n\r\n    .gocar-library-filters{\r\n        display:flex;\r\n        flex-wrap:wrap;\r\n        gap:14px;\r\n        margin-bottom:28px;\r\n    }\r\n\r\n    .gocar-library-filters button{\r\n        border:2px solid #e4e4e4;\r\n        background:#fff;\r\n        color:#7b7f8c;\r\n        padding:14px 26px;\r\n        border-radius:50px;\r\n        font-size:16px;\r\n        font-weight:900;\r\n        cursor:pointer;\r\n    }\r\n\r\n    .gocar-library-filters button.active,\r\n    .gocar-library-filters button:hover{\r\n        background:#6fbd44;\r\n        color:#fff;\r\n        border-color:#6fbd44;\r\n    }\r\n\r\n    .gocar-library-count{\r\n        color:#9aa0aa;\r\n        font-size:18px;\r\n        font-weight:900;\r\n        margin-bottom:55px;\r\n    }\r\n\r\n    .gocar-library-title{\r\n        display:flex;\r\n        align-items:center;\r\n        gap:18px;\r\n        margin-bottom:45px;\r\n    }\r\n\r\n    .gocar-library-title span{\r\n        color:#a0a4ae;\r\n        font-size:18px;\r\n        font-weight:900;\r\n        letter-spacing:4px;\r\n    }\r\n\r\n    .gocar-library-title::after{\r\n        content:\"\";\r\n        height:1px;\r\n        flex:1;\r\n        background:#dedede;\r\n    }\r\n\r\n    .gocar-video-grid,\r\n    .gocar-photo-grid{\r\n        display:grid;\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:38px;\r\n    }\r\n\r\n    .gocar-video-card,\r\n    .gocar-photo-card{\r\n        background:#fff;\r\n        border-radius:28px;\r\n        overflow:hidden;\r\n        border:1px solid #e9e9e9;\r\n        box-shadow:0 18px 50px rgba(5,11,32,.06);\r\n    }\r\n\r\n.gocar-video-card:first-child{\r\n    grid-column:auto !important;\r\n}\r\n\r\n    .gocar-video-thumb{\r\n        position:relative;\r\n        height:390px;\r\n        background:#071026;\r\n        overflow:hidden;\r\n    }\r\n\r\n    .gocar-video-card:not(:first-child) .gocar-video-thumb{\r\n        height:260px;\r\n    }\r\n\r\n    .gocar-new{\r\n        position:absolute;\r\n        z-index:10;\r\n        top:22px;\r\n        left:22px;\r\n        background:#6fbd44;\r\n        color:#fff;\r\n        padding:8px 18px;\r\n        border-radius:999px;\r\n        font-weight:900;\r\n        font-size:13px;\r\n    }\r\n\r\n    .gocar-duration{\r\n        position:absolute;\r\n        z-index:10;\r\n        right:22px;\r\n        bottom:22px;\r\n        background:#030817;\r\n        color:#fff;\r\n        padding:7px 13px;\r\n        border-radius:10px;\r\n        font-weight:900;\r\n    }\r\n\r\n    .gocar-video-content{\r\n        padding:30px 34px;\r\n    }\r\n\r\n    .gocar-video-cat{\r\n        display:block;\r\n        color:#6fbd44;\r\n        font-weight:900;\r\n        text-transform:uppercase;\r\n        margin-bottom:14px;\r\n    }\r\n\r\n    .gocar-video-content h3{\r\n        color:#050b20;\r\n        font-size:26px;\r\n        line-height:1.25;\r\n        font-weight:950;\r\n        margin:0 0 16px;\r\n    }\r\n\r\n    .gocar-video-content p{\r\n        color:#9aa0aa;\r\n        font-weight:800;\r\n        margin:0;\r\n    }\r\n\r\n    .gocar-photo-thumb{\r\n        height:280px;\r\n        background:#071026;\r\n    }\r\n\r\n    .gocar-photo-thumb img{\r\n        width:100%;\r\n        height:100%;\r\n        object-fit:cover;\r\n        display:block;\r\n    }\r\n\r\n    @media(max-width:767px){\r\n        .gocar-library{\r\n            width:100vw !important;\r\n            max-width:100vw !important;\r\n            margin-left:calc(50% - 50vw) !important;\r\n            margin-right:calc(50% - 50vw) !important;\r\n            padding:50px 16px;\r\n        }\r\n\r\n        .gocar-video-grid,\r\n        .gocar-photo-grid{\r\n            grid-template-columns:1fr;\r\n            gap:24px;\r\n        }\r\n\r\n        .gocar-video-card:first-child{\r\n            grid-column:auto;\r\n        }\r\n\r\n        .gocar-video-thumb,\r\n        .gocar-video-card:not(:first-child) .gocar-video-thumb{\r\n            height:230px;\r\n        }\r\n\r\n        .gocar-play{\r\n            width:62px;\r\n            height:62px;\r\n        }\r\n\r\n        .gocar-video-content{\r\n            padding:24px 22px;\r\n        }\r\n\r\n        .gocar-video-content h3{\r\n            font-size:22px;\r\n        }\r\n    }\r\n    .gocar-featured-img{\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important;\r\n  padding: 25px !important;\r\n  background: #071026 !important;\r\n}\r\n\r\n.gocar-video-thumb{\r\n  background: #071026 !important;\r\n}\r\n\r\n\/* Premi\u00e8re vid\u00e9o plus \u00e9quilibr\u00e9e *\/\r\n.gocar-video-card:first-child .gocar-video-thumb{\r\n  height: 520px !important;\r\n}\r\n\r\n\/* Autres vid\u00e9os *\/\r\n.gocar-video-card:not(:first-child) .gocar-video-thumb{\r\n  height: 260px !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .gocar-video-card:first-child .gocar-video-thumb{\r\n    height: 260px !important;\r\n  }\r\n\r\n  .gocar-featured-img{\r\n    padding: 12px !important;\r\n  }\r\n\r\n}\r\n.gocar-featured-img{\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  padding: 0 !important;\r\n  display: block !important;\r\n}\r\n\r\n.gocar-video-thumb{\r\n  height: 420px !important;\r\n  background: #071026 !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.gocar-video-card:first-child .gocar-video-thumb{\r\n  height: 420px !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .gocar-video-thumb,\r\n  .gocar-video-card:first-child .gocar-video-thumb{\r\n    height: 240px !important;\r\n  }\r\n\r\n}\r\n.gocar-featured-img{\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  object-position: center center !important;\r\n  display: block !important;\r\n}\r\n\r\n.gocar-video-thumb{\r\n  height: 360px !important;\r\n  overflow: hidden !important;\r\n  background: #fff !important;\r\n}\r\n\r\n.gocar-video-card:first-child .gocar-video-thumb{\r\n  height: 360px !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .gocar-video-thumb,\r\n  .gocar-video-card:first-child .gocar-video-thumb{\r\n    height: 220px !important;\r\n  }\r\n\r\n}\r\n.gocar-featured-img{\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important;\r\n  object-position: center !important;\r\n  background: #ffffff !important;\r\n  display: block !important;\r\n}\r\n\r\n.gocar-video-thumb{\r\n  height: 320px !important;\r\n  background: #ffffff !important;\r\n  overflow: hidden !important;\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n}\r\n\r\n.gocar-video-card:first-child .gocar-video-thumb{\r\n  height: 320px !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .gocar-video-thumb,\r\n  .gocar-video-card:first-child .gocar-video-thumb{\r\n    height: 220px !important;\r\n  }\r\n\r\n}\r\n\/* Toutes les vid\u00e9os m\u00eame taille *\/\r\n.gocar-video-grid{\r\n    display:grid !important;\r\n    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;\r\n    gap:38px !important;\r\n}\r\n\r\n.gocar-video-card{\r\n    grid-column:auto !important;\r\n}\r\n\r\n.gocar-video-thumb,\r\n.gocar-video-card:first-child .gocar-video-thumb,\r\n.gocar-video-card:not(:first-child) .gocar-video-thumb{\r\n    height:260px !important;\r\n    background:#fff !important;\r\n}\r\n\r\n.gocar-featured-img{\r\n    width:100% !important;\r\n    height:100% !important;\r\n    object-fit:contain !important;\r\n    object-position:center !important;\r\n    background:#fff !important;\r\n    padding:0 !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n    .gocar-video-grid{\r\n        grid-template-columns:1fr !important;\r\n    }\r\n\r\n    .gocar-video-thumb,\r\n    .gocar-video-card:first-child .gocar-video-thumb,\r\n    .gocar-video-card:not(:first-child) .gocar-video-thumb{\r\n        height:220px !important;\r\n    }\r\n}\r\n\/* CONTAINER FULL WIDTH *\/\r\n.gocar-library{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    padding:60px 25px !important;\r\n}\r\n\r\n\/* ENLEVER LES ESPACES *\/\r\n.gocar-video-grid,\r\n.gocar-photo-grid{\r\n    width:100% !important;\r\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\r\n    gap:24px !important;\r\n}\r\n\r\n\/* CARTES *\/\r\n.gocar-video-card,\r\n.gocar-photo-card{\r\n    width:100% !important;\r\n    margin:0 !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:767px){\r\n\r\n    .gocar-library{\r\n        padding:40px 15px !important;\r\n    }\r\n\r\n    .gocar-video-grid,\r\n    .gocar-photo-grid{\r\n        grid-template-columns:1fr !important;\r\n        gap:18px !important;\r\n    }\r\n\r\n}\r\n\/* PHOTOTH\u00c8QUE MODERNE *\/\r\n.gocar-photo-library .gocar-photo-grid,\r\n.gocar-photo-library .gocar-photo-card{\r\n    display:none !important;\r\n}\r\n\r\n.gocar-photo-mosaic{\r\n    display:grid !important;\r\n    grid-template-columns:repeat(3, 1fr) !important;\r\n    gap:22px !important;\r\n}\r\n\r\n.gocar-photo-item{\r\n    position:relative !important;\r\n    min-height:280px !important;\r\n    border-radius:26px !important;\r\n    overflow:hidden !important;\r\n    background:#f4f4ef !important;\r\n    border:1px solid #e5e5df !important;\r\n    box-shadow:0 18px 45px rgba(5,11,32,.06) !important;\r\n}\r\n\r\n.gocar-photo-item:nth-child(1){\r\n    grid-row:span 2 !important;\r\n    min-height:590px !important;\r\n}\r\n\r\n.gocar-photo-item:nth-child(4){\r\n    grid-column:span 2 !important;\r\n}\r\n\r\n.gocar-photo-item img{\r\n    width:100% !important;\r\n    height:100% !important;\r\n    object-fit:cover !important;\r\n    display:block !important;\r\n    transition:.45s ease !important;\r\n}\r\n\r\n.gocar-photo-overlay{\r\n    position:absolute !important;\r\n    inset:0 !important;\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    justify-content:flex-end !important;\r\n    padding:30px !important;\r\n    background:linear-gradient(to top, rgba(5,11,32,.75), transparent 60%) !important;\r\n    opacity:0 !important;\r\n    transition:.35s ease !important;\r\n}\r\n\r\n.gocar-photo-item:hover img{\r\n    transform:scale(1.08) !important;\r\n}\r\n\r\n.gocar-photo-item:hover .gocar-photo-overlay{\r\n    opacity:1 !important;\r\n}\r\n\r\n.gocar-photo-overlay span{\r\n    width:max-content !important;\r\n    background:#6fbd44 !important;\r\n    color:#fff !important;\r\n    padding:8px 16px !important;\r\n    border-radius:999px !important;\r\n    font-size:13px !important;\r\n    font-weight:900 !important;\r\n    margin-bottom:12px !important;\r\n}\r\n\r\n.gocar-photo-overlay h3{\r\n    color:#fff !important;\r\n    font-size:24px !important;\r\n    line-height:1.2 !important;\r\n    font-weight:950 !important;\r\n    margin:0 !important;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .gocar-photo-mosaic{\r\n        grid-template-columns:repeat(2, 1fr) !important;\r\n    }\r\n\r\n    .gocar-photo-item:nth-child(1),\r\n    .gocar-photo-item:nth-child(4){\r\n        grid-column:auto !important;\r\n        grid-row:auto !important;\r\n        min-height:280px !important;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .gocar-photo-mosaic{\r\n        grid-template-columns:1fr !important;\r\n        gap:18px !important;\r\n    }\r\n\r\n    .gocar-photo-item,\r\n    .gocar-photo-item:nth-child(1),\r\n    .gocar-photo-item:nth-child(4){\r\n        min-height:260px !important;\r\n    }\r\n\r\n    .gocar-photo-overlay{\r\n        opacity:1 !important;\r\n        padding:22px !important;\r\n    }\r\n\r\n    .gocar-photo-overlay h3{\r\n        font-size:21px !important;\r\n    }\r\n}\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener(\"click\", function(e){\r\n\r\n        if(e.target.matches(\".gocar-library-filters button\")){\r\n            const btn = e.target;\r\n            const library = btn.closest(\".gocar-library\");\r\n            const filter = btn.dataset.filter;\r\n\r\n            library.querySelectorAll(\".gocar-library-filters button\").forEach(b => b.classList.remove(\"active\"));\r\n            btn.classList.add(\"active\");\r\n\r\n            library.querySelectorAll(\"[data-cat]\").forEach(card => {\r\n                card.style.display = filter === \"all\" || card.dataset.cat.includes(filter) ? \"\" : \"none\";\r\n            });\r\n        }\r\n\r\n        if(e.target.matches(\".gocar-play\")){\r\n            const btn = e.target;\r\n            const url = btn.dataset.video;\r\n            const thumb = btn.closest(\".gocar-video-thumb\");\r\n\r\n            document.querySelectorAll(\".gocar-inline-video\").forEach(function(v){\r\n                v.pause();\r\n                v.remove();\r\n            });\r\n\r\n            document.querySelectorAll(\".gocar-play\").forEach(function(p){\r\n                p.classList.remove(\"is-hidden\");\r\n            });\r\n\r\n            btn.classList.add(\"is-hidden\");\r\n\r\n            const video = document.createElement(\"video\");\r\n            video.src = url;\r\n            video.controls = true;\r\n            video.autoplay = true;\r\n            video.className = \"gocar-inline-video\";\r\n            video.setAttribute(\"playsinline\", \"\");\r\n\r\n            thumb.appendChild(video);\r\n            video.play();\r\n        }\r\n\r\n    });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-699","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/pages\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":16,"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/pages\/699\/revisions"}],"predecessor-version":[{"id":2942,"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/pages\/699\/revisions\/2942"}],"wp:attachment":[{"href":"https:\/\/gocar.ma\/index.php\/wp-json\/wp\/v2\/media?parent=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}