/* لوحة ألوان قريبة من أسلوب STIHL (برتقالي/أسود/أبيض) */
:root{
    --stihl-orange:#F37A1F; /* اللون المميز */
    --stihl-dark:#1a1a1a;
    --stihl-gray:#f6f6f6;
    --text-dark:#252525;
    --text-light:#fff;
    --radius:14px;
    --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{
    box-sizing:border-box
}

body{
    margin:0;
  font-family: "Cairo" !important;
    line-height:1.7;
    color:var(--text-dark);
    background:#fff;
    overflow-x: hidden;
}

a{
    color:inherit;
    text-decoration:none
}

img{
    max-width:100%;
    display:block
}



/* شريط أعلى برتقالي */
.topbar{
    background:var(--stihl-orange);
    color:var(--text-light);
    font-size:14px
}

.topbar .wrap{
    display:flex;
    gap:16px;
    align-items:center;
    justify-content:space-between;
    padding:8px 0
}

.topbar .mini{
    opacity:.9
}

/* ترويسة */
header{
    position:sticky;
    top:0;
    z-index:30;
    background:#fff;
    border-bottom:1px solid #eee
}

.nav{
    display:grid;
    grid-template-columns:2fr auto 1fr;
    align-items:center;
    gap:16px;

}

.brand{
    display:flex;
    align-items:center;
    gap:10px
}

.logo{
    width:38px;
    height:38px;
    border-radius:8px;
    background:var(--stihl-orange)
}

.brand strong{
    letter-spacing:.2px
}

.menu{
    display:flex;
    gap:0px;
    justify-content:center;
    flex-wrap:wrap;
    position: relative;
}

.menu a{
    padding: 19px 19px;
    font-weight: bold;
    border-left: 1px solid #ddd;
}

.menu a:hover{
    background:#f2f2f2
}

.actions{
    display:flex;
    gap:8px;
    justify-content:end;
    align-items:center
}

.btn{
    padding:10px 14px;
    border:1px solid #ddd;
    border-radius:10px;
    background:#fff;
    cursor:pointer
}

.btn.orange{
    background:var(--stihl-orange);
    border-color:var(--stihl-orange);
    color:#fff
}

/* بطل */
.hero{
    background:url('https://kenzastihl.com/wp-content/uploads/2023/01/stihl-motobineuse-thermique-stihl-mh-600.webp');
    padding:60px 0;
    background-position: right;
}
.slider-content{
    background: #fff;
    padding: 20px;
    width:450px;
}
h2::after
{
    display: block;
    content: "";
    width: 34px;
    height: 7px;
    margin-top: 15px;
    background: #000;
}
.hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:24px;
    align-items:center
}
.price{
    display: none !important;
}

@media(max-width:980px){
    .hero-grid{
        grid-template-columns:1fr
    }
}

h1{
    margin:6px 0 8px;
    font-size:clamp(26px,4vw,44px);
    line-height:1.2
}

.lead{
    color:#555
}

.cta{
    display:flex;
    gap:10px;
    margin-top:12px;
    flex-wrap:wrap
}

/* أقسام وفلاتر */
.section{
    padding:36px 0
}

.grid{
    display:grid;
    gap:16px
}
.block{
    display:grid;
    gap:16px
}

.cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
}

.cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
}

@media(max-width:980px){
    .cols-4{
        grid-template-columns:repeat(2,1fr)
    }
}

@media(max-width:640px){
    .cols-4,.cols-3{
        grid-template-columns:1fr
    }
}

.category-card,.product-card{
    border:1px solid #eee;
    border-radius:var(--radius);
    overflow:hidden;
    background:#fff;
    box-shadow:var(--shadow);
    transition:.25s
}

.category-card:hover,.product-card:hover{
    transform:translateY(-3px)
}

.cover{
    aspect-ratio:4/3;

}

.body{
    padding:14px
}

.filters{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:12px
}

.chip{
    border:1px solid #ddd;
    border-radius:999px;
    padding:6px 10px;
    background:#fff;
    font-size:13px
}

.chip.active{
    border-color:var(--stihl-orange);
    color:var(--stihl-orange)
}

.price{
    display:flex;
    gap:8px;
    align-items:baseline
}

.now{
    font-weight:800
}

.old{
    text-decoration:line-through;
    color:#888;
    font-size:14px
}

/* بانر */
.banner{
    border:1px solid #eee;
    border-radius:var(--radius);
    padding:18px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:16px;
    align-items:center;
    background:#fff;
    box-shadow:var(--shadow)
}

@media(max-width:860px){
    .banner{
        grid-template-columns:1fr
    }
}

/* تذييل */
footer{
  
    border-top:1px solid #eee;
    background:#EDEDED;

}

.foot{
    padding:24px 0;
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    gap:18px
}

@media(max-width:900px){
    .foot{
        grid-template-columns:1fr
    }
}

small{
    color:#777
}

/* Ajoutez ce bloc dans `ar/assets/style.css` */
.promo-bar { font-family: inherit; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.promo-bar .container { max-width:1100px; margin:0 auto; padding:8px 16px; box-sizing:border-box; }

.promo-bar--orange { background:var(--stihl-orange); color:#fff;padding: 7px 0; text-align:center; }
.promo-text { margin:0; font-weight:700; font-size:15px; line-height:1.2; color:#252525; }

.promo-bar--light { background:#f5f6f7; color:#252525; border-bottom:1px solid #e6e6e6; }
.promo-actions { display:flex; gap:18px; justify-content:center; align-items:center; flex-wrap:wrap; padding:6px 0; }
.promo-item { display:inline-flex; gap:8px; align-items:center; color:#252525; text-decoration:none; font-size:17px; padding:6px 8px; border-radius:8px;font-weight: bold }
.promo-item svg { width:20px; height:20px; stroke:#000; fill:none; }
.promo-item--icon { padding:6px; }

@media (max-width:720px){
    .promo-text { font-size:14px; padding:2px 6px; }
    .promo-actions { gap:12px; justify-content:center; }
    .promo-item span { display:inline-block; white-space:nowrap; }
}

/* Petits ajustements visuels pour cohérence avec le style existant */
.promo-bar--orange .promo-text { letter-spacing:0.2px; }
.promo-item:hover { opacity:0.9; }


.footer-wrap { padding:28px 0; direction:rtl; color:#222; border-top:1px solid rgba(0,0,0,0.04); }
.footer-grid { display:flex; gap:28px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.footer-col { flex:1 1 220px; min-width:180px; text-align:right; }
.footer-col h3 { margin:0 0 10px; font-size:16px; color:#111; }
.footer-list { list-style:none; padding:0; margin:0; display:block; }
.footer-list li { margin:8px 0; display:flex; align-items:center; gap:10px; }
.footer-list a { color:#222; text-decoration:none; font-size:14px; }
.footer-list a:hover { text-decoration:underline; }

.footer-contact .icon { width:18px; height:18px; display:inline-block; vertical-align:middle; color:#555; }
.footer-sep { border:0; border-top:1px solid rgba(0,0,0,0.06); margin:18px 0; }

.footer-bottom { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
.footer-links { display:flex; gap:12px; flex-wrap:wrap; text-align:right; }
.footer-links a { font-size:13px; color:#555; text-decoration:none; padding:6px 8px; border-radius:6px; }
.footer-links a:hover { background:rgba(0,0,0,0.03); color:#000; }

.footer-meta { display:flex; gap:12px; align-items:center; }
.lang-select { padding:6px 8px; border-radius:6px; border:1px solid #ddd; background:#fff; font-size:13px; }
.copyright { font-size:13px; color:#666; }

.visually-hidden { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }

@media (max-width:720px){
    .footer-grid { flex-direction:column; }
    .footer-bottom { flex-direction:column; align-items:flex-start; gap:8px; }
    .footer-links { order:2; }
    .footer-meta { order:1; width:100%; justify-content:space-between; }
}

/* ==========================================
   MEGA MENU STYLES - القائمة المنسدلة الكبيرة
   ========================================== */

/* Menu Item Wrapper */
.menu-item-wrapper {
    position: relative;
    display: inline-block;
}

/* Menu Link with Arrow */
.menu-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 19px 19px;
    font-weight: bold;
    border-left: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.2s ease;
}

.menu-link:hover {
    background: #f2f2f2;
}

.menu-arrow {
    transition: transform 0.3s ease;
}

.menu-item-wrapper:hover .menu-arrow {
    transform: rotate(180deg);
}

/* Mega Menu Container */
.mega-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 800px;
    max-width: 1000px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: 3px solid var(--stihl-orange);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 8px 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 0;
}

.menu-item-wrapper:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mega Menu Inner Container */
.mega-menu-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0;
    padding: 24px 0;
    max-width: 100%;
}

/* Mega Menu Column */
.mega-menu-column {
    padding: 0 24px;
    border-left: 1px solid #f0f0f0;
}

.mega-menu-column:last-child {
    border-left: none;
}

/* Mega Menu Title */
.mega-menu-title {
    margin: 0 0 16px 0;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--stihl-orange);
}

.mega-menu-title a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s ease;
    border: unset !important    ;
}

.mega-menu-title a:hover {
    color: var(--stihl-orange);
}

/* Mega Menu List */
.mega-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu-list li {
    margin: 0;
    padding: 0;
}

.mega-menu-list li a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    color: #444;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.mega-menu-list li a:hover {
    background: #f8f8f8;
    color: var(--stihl-orange);
    padding-right: 16px;
}

/* Responsive Mega Menu */
@media (max-width: 1100px) {
    .mega-menu {
        min-width: 700px;
    }
    
    .mega-menu-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 980px) {
    .mega-menu {
        position: fixed;
        top: auto;
        right: 0;
        left: 0;
        min-width: 100%;
        max-width: 100%;
        border-radius: 0;
    }
    
    .mega-menu-inner {
        grid-template-columns: repeat(2, 1fr);
        max-height: 70vh;
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .mega-menu-inner {
        grid-template-columns: 1fr;
    }
    
    .mega-menu-column {
        border-left: none;
        border-bottom: 1px solid #f0f0f0;
        padding: 16px 20px;
    }
    
    .mega-menu-column:last-child {
        border-bottom: none;
    }
}

.elementor-435 .elementor-element.elementor-element-0692acd{
    width: 100% !important;
}

.is_arabic .wpb-get-a-quote-button-form-fire{
    display: inline-blocks !important; 
     margin: unset !important; 
   width: 30% !important;
    background: unset !important;
    color: unset !important; 
     text-align: inherit !important;
}


.rtl  .wpb-gqf-form-style-true label{
     text-align: right !important;
         margin-top: 20px;
}   
.elementor-kit-11 h1, .elementor-kit-11 h2 {
    font-family: 'Cairo' !important;
}

p:not(.elementor-heading-title){
    text-align: right !important;
    direction: rtl !important;
      font-family: 'Cairo' !important;
}

.m_search-filter, .woocommerce-ordering, .woocommerce-result-count{
    display: none !important;
}

.woocommerce-container .elementor-column.elementor-col-30{
    display: none !important;
}
.woocommerce-container .elementor-column.elementor-col-70{
    width: 100% !important;
}
.woocommerce .is_list ul.products li.product, .woocommerce-page ul.products li.product {
    width: 45% !important;
}
.is_arabic .menu a {
    color: #222222 !important;
}

.woocommerce ul.products li.product a img {
    width: 100%;

    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    max-height: 200px !important;
    object-fit: contain !important;
}
#productGrid img{
    max-height: 180px !important;
    object-fit: contain !important;
}
.jet-single-images__wrap .my-before-gallery:first-child h2{
    display: none !important;
}
.woocommerce ul.products li.product .button {

    float: left;
}