.elementor-51721 .elementor-element.elementor-element-99dd881{--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-51721 .elementor-element.elementor-element-07c057c{--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-51721 .elementor-element.elementor-element-07c057c:not(.elementor-motion-effects-element-type-background), .elementor-51721 .elementor-element.elementor-element-07c057c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://goldennew-hotels.com/wp-content/uploads/2025/11/أبها.jpg");background-position:center center;background-size:cover;}.elementor-51721 .elementor-element.elementor-element-07c057c::before, .elementor-51721 .elementor-element.elementor-element-07c057c > .elementor-background-video-container::before, .elementor-51721 .elementor-element.elementor-element-07c057c > .e-con-inner > .elementor-background-video-container::before, .elementor-51721 .elementor-element.elementor-element-07c057c > .elementor-background-slideshow::before, .elementor-51721 .elementor-element.elementor-element-07c057c > .e-con-inner > .elementor-background-slideshow::before, .elementor-51721 .elementor-element.elementor-element-07c057c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#030D29CC;--background-overlay:'';}.elementor-51721 .elementor-element.elementor-element-fadadec{--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-51721 .elementor-element.elementor-element-9145a0d{--display:flex;}.elementor-51721 .elementor-element.elementor-element-7e66d82{text-align:center;font-family:"Inter", inter;font-size:62px;font-weight:700;line-height:65px;color:#FFFFFF;}.elementor-51721 .elementor-element.elementor-element-7e66d82 p{margin-block-end:35px;}.elementor-51721 .elementor-element.elementor-element-24194f9 > .elementor-widget-container{margin:0px 150px 0px 0px;}.elementor-51721 .elementor-element.elementor-element-24194f9{text-align:center;font-family:"Inter", inter;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-51721 .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-51721 .elementor-element.elementor-element-5b92685{text-align:center;}.elementor-51721 .elementor-element.elementor-element-9518d6b{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-51721 .elementor-element.elementor-element-99dd881{--min-height:510px;}.elementor-51721 .elementor-element.elementor-element-07c057c{--min-height:510px;}.elementor-51721 .elementor-element.elementor-element-07c057c:not(.elementor-motion-effects-element-type-background), .elementor-51721 .elementor-element.elementor-element-07c057c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;background-size:cover;}.elementor-51721 .elementor-element.elementor-element-7e66d82{font-size:35px;}.elementor-51721 .elementor-element.elementor-element-24194f9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-51721 .elementor-element.elementor-element-24194f9{font-size:13px;}.elementor-51721 .elementor-element.elementor-element-5b92685{text-align:center;}}@media(min-width:768px){.elementor-51721 .elementor-element.elementor-element-99dd881{--content-width:100%;}.elementor-51721 .elementor-element.elementor-element-07c057c{--content-width:1430px;}.elementor-51721 .elementor-element.elementor-element-fadadec{--width:100%;}.elementor-51721 .elementor-element.elementor-element-9145a0d{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-0d34669 */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 */
   
}

/* 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 */