.elementor-51889 .elementor-element.elementor-element-07fbadf{--display:flex;--min-height:794px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-129px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}.elementor-51889 .elementor-element.elementor-element-b8f8572{--display:flex;--min-height:794px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51889 .elementor-element.elementor-element-b8f8572:not(.elementor-motion-effects-element-type-background), .elementor-51889 .elementor-element.elementor-element-b8f8572 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://goldennew-hotels.com/wp-content/uploads/2025/11/جازان.webp");background-position:center center;background-size:cover;}.elementor-51889 .elementor-element.elementor-element-b8f8572::before, .elementor-51889 .elementor-element.elementor-element-b8f8572 > .elementor-background-video-container::before, .elementor-51889 .elementor-element.elementor-element-b8f8572 > .e-con-inner > .elementor-background-video-container::before, .elementor-51889 .elementor-element.elementor-element-b8f8572 > .elementor-background-slideshow::before, .elementor-51889 .elementor-element.elementor-element-b8f8572 > .e-con-inner > .elementor-background-slideshow::before, .elementor-51889 .elementor-element.elementor-element-b8f8572 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#030D29CC;--background-overlay:'';}.elementor-51889 .elementor-element.elementor-element-0dc1936{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-51889 .elementor-element.elementor-element-1bad1b5{--display:flex;}.elementor-51889 .elementor-element.elementor-element-e9fad1f{text-align:center;font-family:"Inter", inter;font-size:62px;font-weight:700;line-height:65px;color:#FFFFFF;}.elementor-51889 .elementor-element.elementor-element-e9fad1f p{margin-block-end:35px;}.elementor-51889 .elementor-element.elementor-element-f9de921 > .elementor-widget-container{margin:0px 150px 0px 0px;}.elementor-51889 .elementor-element.elementor-element-f9de921{text-align:center;font-family:"Inter", inter;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-51889 .elementor-element.elementor-element-c5218f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-51889 .elementor-element.elementor-element-5b92685{text-align:center;}.elementor-51889 .elementor-element.elementor-element-28f9848{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-51889 .elementor-element.elementor-element-07fbadf{--min-height:406px;}.elementor-51889 .elementor-element.elementor-element-b8f8572{--min-height:400px;}.elementor-51889 .elementor-element.elementor-element-e9fad1f{font-size:35px;}.elementor-51889 .elementor-element.elementor-element-f9de921 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-51889 .elementor-element.elementor-element-f9de921{font-size:13px;}}@media(min-width:768px){.elementor-51889 .elementor-element.elementor-element-07fbadf{--content-width:100%;}.elementor-51889 .elementor-element.elementor-element-b8f8572{--content-width:1430px;}.elementor-51889 .elementor-element.elementor-element-0dc1936{--width:100%;}.elementor-51889 .elementor-element.elementor-element-1bad1b5{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-138aca9 */img.attachment-medium.size-medium {
    width: 400px;
    height: 300px !important;
    border: none;
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: none;
    max-width: 100%;
}
.card-button {
    width: 100%;
    color: #ffffff ;
    border-radius: 8px;
    background-color: #c3ab7e !important;
}

/* 1. التنسيق الأساسي (يفترض أن يكون لديك هذا التنسيق أو تنسيق مشابه) */
.subcategory-grid {
    display: grid;
    /* يمكنك تحديد عدد الأعمدة الافتراضي للشاشات الكبيرة هنا، مثلاً 3 أو 4 */
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 2. إضافة Media Query لتعديل العرض على الموبايل */
@media (max-width: 768px) {
    .subcategory-grid {
        /* تعديل عدد الأعمدة ليصبح 2 فقط على الشاشات التي عرضها 768 بكسل أو أقل */
        grid-template-columns: repeat(2, 1fr)!important;
    }
    
    /* إذا كان لديك عنصر صور داخل هذا الكلاس، يمكنك تطبيق التعديل عليه */
    /* مثال افتراضي: إذا كانت الصور تحمل كلاس .subcategory-item-img */
    .subcategory-grid .subcategory-item-img {
        width: 100%; /* اجعل عرض الصورة يملأ مساحة العمود */
        height: auto; /* للحفاظ على نسبة العرض إلى الارتفاع */
    }
    
    /* ملاحظة: إذا كانت المنتجات داخل .subcategory-grid تستخدم كلاس .gn-product ، 
    فإن التعديل الذي قمت به مسبقًا على .gn-product سيظل فعالاً. */
}/* End custom CSS */