/*
Theme Name: Noam Group Theme
Theme URI: https://noam-group.com
Author: Noam Group
Author URI: https://noam-group.com
Description: Premium RTL theme for Noam Group - food machines and event equipment rental.
Version: 1.0.0
Text Domain: noam-group
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =============================================
   DESIGN SYSTEM
============================================= */
:root{
    --noam-black:#0b0b0b;
    --noam-black-soft:#151515;
    --noam-gold:#d8a64a;
    --noam-gold-light:#efc66f;
    --noam-white:#ffffff;
    --noam-bg-light:#f7f6f3;
    --noam-text:#171717;
    --noam-muted:#606060;
    --noam-container:1280px;
    --noam-radius:7px;
    --noam-shadow:0 8px 24px rgba(0,0,0,.08);
    --noam-font:"Heebo",Arial,sans-serif;
}

/* =============================================
   GLOBAL RESET & BASE
============================================= */
*,*::before,*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    direction:rtl;
    scroll-behavior:smooth;
}
body{
    font-family:var(--noam-font);
    background:var(--noam-black);
    color:var(--noam-white);
    overflow-x:hidden;
}
a{
    text-decoration:none;
    color:inherit;
}
ul{
    list-style:none;
}
img{
    max-width:100%;
    height:auto;
    display:block;
}
.container{
    width:92%;
    max-width:var(--noam-container);
    margin-inline:auto;
}

/* =============================================
   HEADER
============================================= */
.site-header{
    position:relative !important;
    top:auto !important;
    width:100%;
    height:72px;
    background:#090909;
    z-index:90;
    border-bottom:1px solid rgba(216,166,74,.15);
    overflow:visible;
    margin-bottom:0 !important;
}
.header-inner{
    width:94%;
    max-width:1300px;
    height:72px;
    margin:0 auto;
    display:grid;
    grid-template-columns:210px 1fr 185px;
    align-items:center;
    gap:24px;
    position:relative;
    overflow:visible;
}
.site-logo{
    position:relative;
    width:210px;
    height:72px;
    display:block;
    z-index:100;
    overflow:visible;
}
.site-logo img{
    position:absolute;
    width:280px !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    top:0px;
    right:0px;
    object-fit:contain;
    z-index:100;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.40));
    margin:0 !important;
    padding:0 !important;
}
.main-nav{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.main-nav ul{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:27px;
    margin:0 !important;
    padding:0 !important;
}
.main-nav li{
    margin:0 !important;
    padding:0 !important;
}
.main-nav a{
    position:relative;
    display:flex;
    align-items:center;
    height:72px;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    text-decoration:none !important;
    transition:color .2s;
}
.main-nav a:hover{
    color:var(--noam-gold) !important;
}
.main-nav a.active{
    color:var(--noam-gold) !important;
}
.main-nav a.active::after{
    content:"";
    position:absolute;
    right:50%;
    transform:translateX(50%);
    bottom:13px;
    width:48px;
    height:1px;
    background:var(--noam-gold);
}
.header-cta{
    justify-self:end;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:175px;
    height:44px;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold)) !important;
    color:#111 !important;
    font-size:14px;
    font-weight:800;
    border-radius:5px;
    text-decoration:none !important;
    box-shadow:0 5px 16px rgba(216,166,74,.22);
    transition:transform .2s,filter .2s;
}
.header-cta:hover{
    color:#111 !important;
    transform:translateY(-1px);
    filter:brightness(1.06);
}
.menu-toggle{
    display:none;
}
.mobile-nav-overlay{
    display:none;
}

/* =============================================
   HERO
============================================= */
.hero-section{
    position:relative;
    width:100%;
    height:545px;
    min-height:545px;
    background-size:cover;
    background-position:42% center;
    background-repeat:no-repeat;
    overflow:hidden;
    border-radius:0 !important;
    margin-top:0 !important;
    z-index:1;
}
.hero-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.18) 100%);
    pointer-events:none;
    z-index:1;
}
.hero-section::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:53%;
    background:linear-gradient(90deg,rgba(8,8,8,0) 0%,rgba(8,8,8,.28) 18%,rgba(8,8,8,.65) 48%,rgba(8,8,8,.86) 100%);
    z-index:1;
    pointer-events:none;
}
.hero-content{
    position:relative;
    z-index:5;
    width:43%;
    max-width:590px;
    height:100%;
    margin-right:8%;
    margin-left:auto;
    padding-top:110px;
    padding-bottom:34px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    direction:rtl;
}
.hero-content h1{
    margin:0 0 12px;
    padding:0;
    color:var(--noam-gold);
    font-family:var(--noam-font);
    font-size:40px;
    font-weight:900;
    line-height:1.1;
    letter-spacing:-0.5px;
    text-align:center;
    white-space:normal;
    width:100%;
}
.hero-subtitle{
    width:100%;
    margin:0 0 10px;
    text-align:center;
    color:#fff;
    font-family:var(--noam-font);
    font-size:20px;
    font-weight:600;
    line-height:1.35;
}
.hero-script{
    width:100%;
    margin:3px 0 17px;
    text-align:center;
    color:#fff;
    font-family:var(--noam-font);
    font-style:italic;
    font-size:31px;
    font-weight:300;
    line-height:1;
}
.hero-script::after{
    content:"";
    display:block;
    width:92%;
    max-width:520px;
    height:1px;
    margin:16px auto 0;
    background:linear-gradient(90deg,transparent,rgba(216,166,74,.75),transparent);
}
.hero-benefits{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:0;
    margin-bottom:24px;
}
.hero-benefit{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.hero-benefit-icon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:9px;
    border:1px solid #d8a64a;
    border-radius:50%;
    color:#d8a64a;
    font-size:17px;
}
.hero-benefit strong{
    margin-bottom:4px;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
}
.hero-benefit span{
    color:#dedede;
    font-size:12px;
    font-weight:400;
    line-height:1.35;
}
.hero-cta{
    align-self:center;
    min-width:230px;
    height:48px;
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:0 26px;
    border-radius:5px;
    background:linear-gradient(135deg,#efc66f,#d8a64a);
    color:#111 !important;
    font-size:15px;
    font-weight:800;
    box-shadow:0 7px 20px rgba(216,166,74,.25);
    text-decoration:none !important;
    transition:.2s;
}
.hero-cta:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
    color:#111 !important;
}
@media(max-width:1500px){
    .hero-section{
        height:510px;
        min-height:510px;
    }
}
@media(min-width:1700px){
    .hero-section{
        height:555px;
    }
    .hero-content{
        margin-right:max(8%,calc((100vw - 1500px) / 2));
        max-width:590px;
    }
    .hero-content h1{
        font-size:56px;
    }
}

/* =============================================
   SERVICE CATEGORIES
============================================= */
.service-categories{
    background:#eeeeec;
    padding:14px 0;
}
.service-categories-inner{
    width:92%;
    max-width:var(--noam-container);
    margin:auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:7px;
}
.service-category{
    height:100px;
    background:#121212;
    border:1px solid #303030;
    border-radius:var(--noam-radius);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff;
    text-decoration:none !important;
    transition:.2s;
    padding:10px 6px;
}
.service-category:hover{
    transform:translateY(-2px);
    border-color:var(--noam-gold);
    background:#181818;
}
.service-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.service-icon img{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    object-fit:contain;
    display:block;
}
.service-icon svg{
    width:34px;
    height:34px;
    stroke:#d8a64a;
    stroke-width:1.7;
}
.service-category span{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-align:center;
    line-height:1.25;
}

/* =============================================
   SECTION TITLES
============================================= */
.section-title{
    text-align:center;
    margin-bottom:30px;
}
.section-title h2{
    font-size:34px;
    font-weight:800;
    color:#b4873c;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    line-height:1.2;
}
.section-title h2::before,
.section-title h2::after{
    content:"";
    width:65px;
    height:1px;
    background:var(--noam-gold);
}
.section-title p{
    font-size:14px;
    color:#767676;
    font-weight:400;
    margin-top:6px;
}

/* =============================================
   FOOD MACHINES
============================================= */
.food-machines-section{
    background:var(--noam-bg-light);
    padding:46px 0 48px;
    color:var(--noam-text);
}
.machines-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
    width:100%;
}
.machine-card{
    background:transparent;
    border:0;
    box-shadow:none;
    text-align:center;
    overflow:visible;
}
.machine-card:hover{
    transform:none;
    box-shadow:none;
}
.machine-card-img{
    width:100%;
    height:168px;
    overflow:hidden;
    border-radius:var(--noam-radius);
    background:#ddd;
    box-shadow:var(--noam-shadow);
}
.machine-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s;
}
.machine-card:hover .machine-card-img img{
    transform:scale(1.04);
}
.machine-card-content{
    padding:10px 2px 0;
    text-align:center;
}
.machine-card-content h3{
    margin:0 0 4px;
    color:#1c1c1c;
    font-size:17px;
    font-weight:800;
    line-height:1.3;
}
.machine-card-content p{
    margin:0 auto;
    color:var(--noam-muted);
    font-size:12px;
    font-weight:400;
    line-height:1.45;
    max-width:190px;
}
.section-cta{
    min-width:220px;
    height:48px;
    margin-top:32px;
    margin-bottom:10px;
    padding:0 28px;
    gap:8px;
    font-size:15px;
    font-weight:700;
    border-radius:8px;
    cursor:pointer;
}

/* =============================================
   FOOD STALLS (Homepage)
============================================= */
.food-stalls-section{
    background:#fff;
    padding:48px 0 50px;
    color:var(--noam-text);
}

/* =============================================
   ALL-INCLUSIVE PACKAGES (Homepage)
============================================= */
.packages-section{
    background:#fff;
    padding:46px 0 48px;
    color:var(--noam-text);
}
.packages-home-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    width:100%;
}
.packages-home-grid .machine-card-img{
    height:220px;
}
.packages-home-grid .machine-card-img img{
    object-fit:contain;
    background:#f7f6f3;
}

/* =============================================
   TENTS
============================================= */
.tents-section{
    background:#fff;
    padding:48px 0 50px;
    color:var(--noam-text);
}
.tents-section .section-title p{
    color:#555;
    margin-top:8px;
}
.tents-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    width:100%;
}
.tent-card{
    background:transparent;
    border:0;
    box-shadow:none;
    text-align:center;
    overflow:visible;
}
.tent-card:hover{
    transform:none;
}
.tent-card-img{
    width:100%;
    height:178px;
    overflow:hidden;
    border-radius:var(--noam-radius);
    box-shadow:var(--noam-shadow);
}
.tent-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s;
}
.tent-card:hover .tent-card-img img{
    transform:scale(1.03);
}
.tent-card-content{
    padding:12px 4px 0;
    text-align:center;
}
.tent-card-content h3{
    margin:0 0 5px;
    color:#1c1c1c;
    font-size:17px;
    font-weight:700;
}
.tent-card-content p{
    margin:0 auto;
    max-width:240px;
    color:var(--noam-muted);
    font-size:13px;
    line-height:1.45;
}

/* =============================================
   RAW MATERIALS
============================================= */
.raw-materials-section{
    background:var(--noam-bg-light);
    padding:46px 0 48px;
    color:var(--noam-text);
}
.raw-materials-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
    width:100%;
}
.raw-materials-section .machine-card-img{
    background:#fff;
}

/* =============================================
   WHY CHOOSE US
============================================= */
.why-section{
    position:relative;
    width:100%;
    min-height:560px;
    background-size:cover;
    background-position:72% center;
    background-repeat:no-repeat;
    overflow:hidden;
    padding:0;
    color:#fff;
}
.why-content{
    position:relative;
    z-index:2;
    width:min(620px,42vw);
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    text-align:right;
    direction:rtl;
    padding:55px 40px 55px 0;
    margin-left:clamp(30px,4vw,80px);
    margin-right:auto;
}
.why-content h2{
    color:var(--noam-gold);
    font-size:32px;
    font-weight:800;
    margin:0 0 26px;
    line-height:1.2;
}
.why-features{
    display:flex;
    flex-direction:column;
    gap:15px;
}
.why-feature{
    display:flex;
    align-items:flex-start;
    gap:14px;
    text-align:right;
}
.why-feature-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
}
.why-feature-icon svg{
    width:18px;
    height:18px;
    stroke:#fff;
    fill:none;
    stroke-width:2;
}
.why-feature-text strong{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin-bottom:3px;
}
.why-feature-text span{
    color:#bbb;
    font-size:13px;
}

/* =============================================
   WHY CHOOSE US - STATS BAR
============================================= */
.stats-section{
    background:#101010;
    padding:25px 0 28px;
    border-top:1px solid rgba(216,166,74,.12);
    border-bottom:1px solid rgba(216,166,74,.35);
    position:relative;
    overflow:visible;
}
.stats-row{
    width:94%;
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    direction:rtl;
}
.stat-item{
    text-align:center;
    padding:8px 15px;
    border-left:1px solid rgba(216,166,74,.28);
}
.stat-item:last-child{
    border-left:0;
}
.stat-icon{
    width:42px;
    height:42px;
    margin:0 auto 8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    display:flex;
    align-items:center;
    justify-content:center;
}
.stat-icon svg{
    width:20px;
    height:20px;
    stroke:#fff;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.stat-number{
    font-size:35px;
    font-weight:900;
    color:var(--noam-gold);
    line-height:1;
    direction:ltr;
}
.stat-label{
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin-top:6px;
}
.stat-desc{
    font-size:12px;
    color:#ccc;
    margin-top:2px;
}

/* =============================================
   FOOTER
============================================= */
.site-footer{
    background:#090909;
    padding:50px 0 25px;
    border-top:1px solid rgba(216,166,74,.12);
}
.footer-inner{
    width:92%;
    max-width:var(--noam-container);
    margin:0 auto 35px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:40px;
    align-items:start;
    direction:rtl;
}
.footer-cta-col h4{
    font-size:20px;
    font-weight:800;
    color:#fff;
    margin-bottom:8px;
}
.footer-cta-col p{
    font-size:14px;
    color:#b0b0b0;
    margin-bottom:20px;
}
.footer-cta-btn{
    min-width:180px;
    height:44px;
}
.footer-contact h4{
    font-size:17px;
    font-weight:700;
    color:var(--noam-gold);
    margin-bottom:18px;
}
.footer-contact p{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 9px;
    color:#c9c9c9;
    font-size:15px;
}
.footer-contact a{
    color:#d8d8d8;
    text-decoration:none;
}
.footer-contact a:hover{
    color:var(--noam-gold);
}
.contact-icon{
    color:var(--noam-gold);
    min-width:20px;
    text-align:center;
}
.footer-logo-col{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.footer-logo-col img{
    height:auto;
    width:260px;
    margin-bottom:12px;
}
.footer-logo-col p{
    font-size:13px;
    color:#949494;
    line-height:1.6;
}
.footer-links{
    width:92%;
    max-width:var(--noam-container);
    margin:0 auto 14px;
    text-align:center;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.05);
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}
.footer-links a{
    color:#999;
    font-size:13px;
    text-decoration:none;
    transition:color .2s;
}
.footer-links a:hover{
    color:var(--noam-gold);
}
.footer-bottom{
    width:92%;
    max-width:var(--noam-container);
    margin:auto;
    text-align:center;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.03);
}
.footer-bottom p{
    font-size:13px;
    color:#949494;
}

.footer-social{
    display:flex;
    gap:14px;
    margin-top:20px;
}
.footer-social a{
    width:44px;
    height:44px;
    border:1px solid var(--noam-gold);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--noam-gold);
    text-decoration:none;
    transition:.2s;
}
.footer-social a:hover{
    background:var(--noam-gold);
    color:#111;
}
.footer-social svg{
    width:18px;
    height:18px;
}

/* =============================================
   GOLD BUTTON HELPER
============================================= */
.btn-gold{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    color:#111 !important;
    border-radius:5px;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
    box-shadow:0 5px 15px rgba(216,166,74,.18);
    transition:.2s;
}
.btn-gold:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
    color:#111 !important;
}

/* =============================================
   FLOATING PHONE BUTTON (MOBILE)
============================================= */
.floating-phone{
    display:none;
}
@media(max-width:850px){
    .floating-phone{
        display:flex;
        align-items:center;
        justify-content:center;
        position:fixed;
        bottom:20px;
        left:20px;
        width:56px;
        height:56px;
        background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
        border-radius:50%;
        box-shadow:0 4px 16px rgba(216,166,74,.4);
        z-index:900;
        text-decoration:none !important;
        transition:.2s;
    }
    .floating-phone:hover{
        transform:scale(1.08);
    }
    .floating-phone svg{
        width:26px;
        height:26px;
        color:#111;
    }
}

/* =============================================
   ANIMATIONS
============================================= */
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.machine-card,
.tent-card,
.service-category,
.stat-item{
    opacity:0;
    animation:fadeInUp .6s ease forwards;
}
.machine-card:nth-child(1),
.tent-card:nth-child(1),
.service-category:nth-child(1),
.stat-item:nth-child(1){ animation-delay:.05s; }
.machine-card:nth-child(2),
.tent-card:nth-child(2),
.service-category:nth-child(2),
.stat-item:nth-child(2){ animation-delay:.1s; }
.machine-card:nth-child(3),
.tent-card:nth-child(3),
.service-category:nth-child(3),
.stat-item:nth-child(3){ animation-delay:.15s; }
.machine-card:nth-child(4),
.tent-card:nth-child(4),
.service-category:nth-child(4),
.stat-item:nth-child(4){ animation-delay:.2s; }
.machine-card:nth-child(5),
.tent-card:nth-child(5),
.service-category:nth-child(5),
.stat-item:nth-child(5){ animation-delay:.25s; }
.service-category:nth-child(6){ animation-delay:.3s; }
.service-category:nth-child(7){ animation-delay:.35s; }

/* =============================================
   FOCUS STYLES
============================================= */
:focus-visible{
    outline:2px solid var(--noam-gold);
    outline-offset:3px;
}
:focus:not(:focus-visible){
    outline:none;
}
.btn-gold:focus-visible,
.hero-cta:focus-visible,
.header-cta:focus-visible{
    outline:2px solid #111;
    outline-offset:3px;
}

/* =============================================
   PREFERS REDUCED MOTION
============================================= */
@media(prefers-reduced-motion:reduce){
    .machine-card,
    .tent-card,
    .service-category,
    .stat-item,
    .product-card,
    .blog-card{
        animation:none;
        opacity:1;
    }
    *{
        transition-duration:0.01ms !important;
    }
}

/* =============================================
   RESPONSIVE - 1050px
============================================= */
@media(max-width:1050px){
    .header-inner{
        grid-template-columns:140px 1fr 160px;
        gap:16px;
    }
    .main-nav ul{
        gap:15px;
    }
    .main-nav a{
        font-size:13px;
    }
    .header-cta{
        width:155px;
        font-size:13px;
    }
    .hero-content h1{
        white-space:normal;
    }
}

/* =============================================
   RESPONSIVE - 992px
============================================= */
@media(max-width:992px){
    .main-nav ul{
        gap:12px;
    }
    .main-nav a{
        font-size:12.5px;
    }
    .tents-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .packages-home-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .machines-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .raw-materials-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .hero-content{
        width:50%;
        margin-right:5%;
    }
    .hero-content h1{
        font-size:42px;
        white-space:normal;
    }
    .service-categories-inner{
        grid-template-columns:repeat(5,1fr);
    }
    .stats-row{
        grid-template-columns:repeat(3,1fr);
    }
}

/* =============================================
   RESPONSIVE - 850px
============================================= */
@media(max-width:850px){
    .site-header{
        height:62px;
    }
    .header-inner{
        display:flex;
        align-items:center;
        justify-content:space-between;
        height:62px;
    }
    .main-nav{
        display:none !important;
    }
    .main-nav.open{
        display:block !important;
        position:fixed !important;
        top:62px !important;
        right:0 !important;
        left:0 !important;
        bottom:0 !important;
        width:100% !important;
        height:calc(100vh - 62px) !important;
        background:#0a0a0a !important;
        z-index:2147483647 !important;
        overflow-y:auto !important;
        padding:0 !important;
        margin:0 !important;
    }
    .main-nav.open ul{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:0 !important;
        width:100% !important;
        padding:10px 0 !important;
        margin:0 !important;
    }
    .main-nav.open li{
        display:block !important;
        width:100% !important;
        text-align:center !important;
        margin:0 !important;
        padding:0 !important;
    }
    .main-nav.open a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:50px !important;
        font-size:17px !important;
        color:#fff !important;
        border-bottom:1px solid rgba(216,166,74,.12) !important;
        padding:0 20px !important;
        text-decoration:none !important;
    }
    .main-nav.open a:hover,
    .main-nav.open a.active{
        color:var(--noam-gold) !important;
        background:rgba(216,166,74,.08) !important;
    }
    .header-cta{
        display:none !important;
    }
    .menu-toggle{
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        width:44px;
        height:44px;
        background:none;
        border:1px solid rgba(216,166,74,.3);
        border-radius:5px;
        cursor:pointer;
        padding:0;
        position:relative;
        z-index:2147483647;
    }
    .menu-toggle span{
        display:block;
        width:22px;
        height:2px;
        background:var(--noam-gold);
        transition:.3s;
    }
    .menu-toggle.active span:nth-child(1){
        transform:rotate(45deg) translate(5px,5px);
    }
    .menu-toggle.active span:nth-child(2){
        opacity:0;
    }
    .menu-toggle.active span:nth-child(3){
        transform:rotate(-45deg) translate(5px,-5px);
    }
    .site-logo{
        width:140px;
        height:62px;
        overflow:visible;
    }
    .site-logo img{
        width:170px !important;
        top:2px;
        right:0;
    }
    .machines-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .raw-materials-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .footer-inner{
        grid-template-columns:1fr 1fr;
    }
    .footer-logo-col{
        grid-column:1 / -1;
    }
}

/* =============================================
   RESPONSIVE - MOBILE (767px and below)
   All mobile fixes isolated here.
   Do NOT add global CSS outside media queries.
============================================= */
@media(max-width:767px){

    /* --- Header mobile --- */
    .site-header{
        height:62px;
    }
    .header-inner{
        height:62px;
        width:92%;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    .site-header{
        z-index:90;
    }
    .site-logo{
        width:130px;
        height:62px;
        overflow:visible;
    }
    .site-logo img{
        position:absolute !important;
        top:2px;
        right:0;
        width:155px !important;
        height:auto !important;
        max-width:none !important;
        object-fit:contain;
        background:transparent !important;
        filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));
    }
    .menu-toggle{
        display:flex !important;
        width:42px;
        height:42px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        background:none;
        border:0;
        cursor:pointer;
    }
    .menu-toggle span{
        width:24px;
        height:2px;
        background:#d8a64a;
        display:block;
        margin:0;
    }
    .header-cta{
        display:none !important;
    }

    /* --- Hero mobile --- */
    .hero-section{
        height:auto;
        min-height:610px;
        background-size:auto 270px;
        background-position:center top;
        background-color:#0b0b0b;
    }
    .hero-section::before{
        display:none;
    }
    .hero-section::after{
        display:none;
    }
    .hero-content{
        width:100%;
        max-width:none;
        height:auto;
        margin:0;
        padding:285px 22px 32px;
        align-items:center;
        text-align:center;
    }
    .hero-content h1{
        font-size:33px;
        line-height:1.05;
        text-align:center;
        letter-spacing:0;
        white-space:normal;
    }
    .hero-subtitle{
        text-align:center;
        font-size:17px;
    }
    .hero-script{
        font-size:23px;
        text-align:center;
    }
    .hero-script::after{
        margin:15px auto 0;
    }
    .hero-benefits{
        grid-template-columns:1fr;
        gap:14px;
    }

    /* --- Categories mobile --- */
    .service-categories-inner{
        grid-template-columns:repeat(2,1fr);
        gap:5px;
    }
    .service-category{
        min-height:72px;
        height:72px;
        overflow:hidden;
        padding:8px 4px;
    }
    .service-icon{
        width:28px;
        height:28px;
        min-width:28px;
        flex-shrink:0;
    }
    .service-icon img{
        width:28px !important;
        height:28px !important;
        max-width:28px !important;
        max-height:28px !important;
    }
    .service-category span{
        font-size:11px;
        line-height:1.25;
        min-height:auto;
    }

    /* --- Food machines mobile --- */
    .machines-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }
    .machine-card-img{
        height:132px;
    }
    .machine-card-img img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }
    .machine-card-content h3{
        font-size:14px;
    }
    .machine-card-content p{
        font-size:11px;
    }

    /* --- Packages mobile --- */
    .packages-home-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }
    .packages-home-grid .machine-card-img{
        height:140px;
    }
    .packages-home-grid .machine-card-img img{
        object-fit:contain;
        background:#f7f6f3;
    }

    /* --- Tents mobile --- */
    .tents-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }
    .tent-card-img{
        height:125px;
    }
    .tent-card-img img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    /* --- Raw materials mobile --- */
    .raw-materials-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    /* --- Why section mobile --- */
    .why-inner{
        display:flex;
        flex-direction:column;
    }
    .why-section{
        min-height:auto;
        background-position:72% center;
    }
    .why-content{
        width:100%;
        min-height:600px;
        margin-left:0;
        padding:42px 24px;
    }
    .why-content h2{
        font-size:26px;
    }
    .why-feature{
        margin-bottom:15px;
    }
    .why-feature-icon{
        width:34px;
        height:34px;
        min-width:34px;
    }
    .why-feature-text strong{
        font-size:13px;
    }
    .why-feature-text span{
        font-size:11px;
    }

    /* --- Stats mobile --- */
    .stats-row{
        grid-template-columns:repeat(2,1fr);
    }
    .stat-item{
        border-left:0;
        border-bottom:1px solid rgba(216,166,74,.18);
        padding:16px 8px;
    }
    .stat-item:last-child{
        grid-column:1 / -1;
        border-bottom:0;
    }
    .stat-number{
        font-size:28px;
    }

    /* --- Footer mobile --- */
    .footer-inner{
        width:88%;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:34px;
        text-align:center;
    }
    .footer-cta-col,
    .footer-contact,
    .footer-logo-col{
        width:100%;
        text-align:center;
    }
    .footer-contact p{
        justify-content:center;
    }
    .footer-logo-col img{
        width:220px !important;
        height:auto;
        margin:0 auto;
    }
    .footer-social{
        justify-content:center;
    }

    /* --- Section titles mobile --- */
    .section-title h2{
        font-size:26px;
    }
    .section-title h2::before,
    .section-title h2::after{
        width:40px;
    }
}

/* =============================================
   RESPONSIVE - SMALL PHONES (375px and below)
============================================= */
@media(max-width:375px){
    .site-logo img{
        width:130px !important;
    }
    .price-tag{
        min-width:70px;
        padding:5px 8px;
    }
    .price-value{
        font-size:14px;
    }
}

/* =============================================
   PRODUCT PAGES
============================================= */
.product-page{
    background:var(--noam-bg-light);
}

/* --- Product Banner --- */
.product-banner{
    background:linear-gradient(135deg,#0b0b0b 0%,#1a1a1a 100%);
    padding:52px 0 48px;
    text-align:center;
    border-bottom:2px solid var(--noam-gold);
}
.product-banner h1{
    color:var(--noam-gold);
    font-size:42px;
    font-weight:900;
    margin:0 0 12px;
    line-height:1.15;
}
.product-banner p{
    color:#ccc;
    font-size:16px;
    font-weight:400;
    margin:0;
    line-height:1.5;
}
.product-banner .banner-note{
    color:#999;
    font-size:13px;
    margin-top:8px;
}

/* --- Products Section --- */
.products-section{
    padding:48px 0 50px;
}
.products-section-alt{
    background:#fff;
}

/* --- Products Grid --- */
.products-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    width:100%;
}
.packages-grid{
    grid-template-columns:repeat(3,1fr);
}

/* --- Product Card --- */
.product-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.07);
    transition:transform .25s,box-shadow .25s;
    display:flex;
    flex-direction:column;
}
.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.product-img{
    width:100%;
    height:190px;
    overflow:hidden;
    background:#e8e8e8;
}
.product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s;
}
.product-card:hover .product-img img{
    transform:scale(1.05);
}
.product-info{
    padding:16px 16px 20px;
    display:flex;
    flex-direction:column;
    flex:1;
    text-align:center;
}
.product-info h3{
    margin:0 0 6px;
    color:#1c1c1c;
    font-size:17px;
    font-weight:800;
    line-height:1.3;
}
.product-info p{
    margin:0 0 12px;
    color:var(--noam-muted);
    font-size:13px;
    font-weight:400;
    line-height:1.5;
    flex:1;
}

/* --- Product Meta (packaging info) --- */
.product-meta{
    margin-bottom:10px;
}
.meta-package{
    display:inline-block;
    background:#f0ebe0;
    color:#8a6d2b;
    font-size:12px;
    font-weight:600;
    padding:4px 12px;
    border-radius:20px;
}

/* --- Price Tags --- */
.product-prices{
    display:flex;
    gap:8px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:auto;
}
.price-tag{
    display:flex;
    flex-direction:column;
    align-items:center;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    color:#111;
    border-radius:8px;
    padding:8px 16px;
    min-width:100px;
    flex:1;
}
.price-tag.price-delivery{
    background:linear-gradient(135deg,#1a1a1a,#2a2a2a);
    color:#fff;
}
.price-label{
    font-size:10px;
    font-weight:600;
    opacity:.8;
    margin-bottom:2px;
    white-space:nowrap;
}
.price-delivery .price-label{
    color:var(--noam-gold-light);
}
.price-value{
    font-size:18px;
    font-weight:900;
    line-height:1;
    direction:rtl;
}

/* --- Package Card Adjustments --- */
.package-card .product-img{
    height:220px;
    background:#f7f6f3;
}
.package-card .product-img img{
    object-fit:contain;
}
.package-card .product-info p{
    font-size:12px;
    line-height:1.55;
    color:var(--noam-muted);
}

/* --- Price Note --- */
.price-note{
    display:block;
    margin-top:6px;
    font-size:11px;
    color:#999;
    font-weight:400;
}

/* --- Linked Product Card --- */
a.product-card-link{
    text-decoration:none !important;
    color:inherit;
}
.product-more-link{
    display:block;
    margin-top:10px;
    color:var(--noam-gold);
    font-size:13px;
    font-weight:700;
}

/* --- Products CTA --- */
.products-cta{
    text-align:center;
    margin-top:38px;
}

/* =============================================
   PRODUCT PAGES - RESPONSIVE
============================================= */
@media(max-width:1100px){
    .products-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:850px){
    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }
    .packages-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .product-banner h1{
        font-size:32px;
    }
}
@media(max-width:767px){
    .product-banner{
        padding:38px 0 34px;
    }
    .product-banner h1{
        font-size:28px;
    }
    .product-banner p{
        font-size:14px;
    }
    .products-section{
        padding:35px 0 40px;
    }
    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }
    .packages-grid{
        grid-template-columns:1fr;
    }
    .product-img{
        height:150px;
    }
    .product-info{
        padding:12px 12px 16px;
    }
    .product-info h3{
        font-size:15px;
    }
    .product-info p{
        font-size:12px;
    }
    .price-tag{
        padding:6px 10px;
        min-width:80px;
    }
    .price-value{
        font-size:15px;
    }
    .price-label{
        font-size:9px;
    }
}

/* =============================================
   BLOG / ARTICLES
============================================= */
.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    width:100%;
}
.blog-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.07);
    transition:transform .25s,box-shadow .25s;
}
.blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.blog-card-link{
    display:flex;
    flex-direction:column;
    height:100%;
    text-decoration:none !important;
    color:inherit;
}
.blog-card-img{
    width:100%;
    height:200px;
    overflow:hidden;
    background:#e8e8e8;
}
.blog-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s;
}
.blog-card:hover .blog-card-img img{
    transform:scale(1.05);
}
.blog-card-content{
    padding:18px 18px 22px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.blog-date{
    font-size:12px;
    color:var(--noam-gold);
    font-weight:600;
    margin-bottom:8px;
}
.blog-card-content h3{
    margin:0 0 8px;
    color:#1c1c1c;
    font-size:17px;
    font-weight:800;
    line-height:1.4;
}
.blog-card-content p{
    margin:0 0 14px;
    color:var(--noam-muted);
    font-size:13px;
    line-height:1.55;
    flex:1;
}
.blog-read-more{
    color:var(--noam-gold);
    font-size:14px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.blog-empty{
    text-align:center;
    padding:60px 20px;
}
.blog-empty h2{
    color:#b4873c;
    font-size:28px;
    font-weight:800;
    margin:0 0 12px;
}
.blog-empty p{
    color:#666;
    font-size:16px;
    margin:0 0 30px;
}
.blog-pagination{
    text-align:center;
    margin-top:40px;
}
.blog-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin:0 4px;
    border-radius:8px;
    font-size:14px;
    font-weight:700;
    color:#333;
    background:#f0f0f0;
    text-decoration:none;
    transition:.2s;
}
.blog-pagination .page-numbers.current{
    background:var(--noam-gold);
    color:#111;
}
.blog-pagination .page-numbers:hover{
    background:var(--noam-gold-light);
    color:#111;
}

/* --- Blog Single Post --- */
.blog-single-content{
    max-width:800px;
    margin:0 auto;
}
.blog-single-img{
    width:100%;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:var(--noam-shadow);
}
.blog-single-img img{
    width:100%;
    height:auto;
    display:block;
}
.blog-single-body{
    color:#333;
    font-size:16px;
    line-height:1.8;
}
.blog-single-body h2{
    color:#1c1c1c;
    font-size:24px;
    font-weight:800;
    margin:32px 0 14px;
}
.blog-single-body h3{
    color:#1c1c1c;
    font-size:20px;
    font-weight:700;
    margin:26px 0 12px;
}
.blog-single-body p{
    margin:0 0 18px;
}
.blog-single-body img{
    max-width:100%;
    height:auto;
    border-radius:8px;
    margin:20px 0;
}
.blog-single-body ul,
.blog-single-body ol{
    margin:0 0 18px;
    padding-right:24px;
}
.blog-single-body li{
    margin-bottom:6px;
    list-style:disc;
}
.blog-single-nav{
    text-align:center;
    margin-top:40px;
    padding-top:30px;
    border-top:1px solid #e5e5e5;
}
.blog-post-date{
    font-size:14px;
    opacity:.8;
}

/* =============================================
   CONTACT PAGE
============================================= */
.contact-page-section{
    padding:48px 0 50px;
}
.contact-page-grid{
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:36px;
    align-items:start;
}

/* --- Contact Info Cards --- */
.contact-info-side{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.contact-info-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 3px 15px rgba(0,0,0,.06);
    text-decoration:none !important;
    color:inherit;
    transition:transform .2s,box-shadow .2s;
}
a.contact-info-card:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 24px rgba(0,0,0,.1);
}
.contact-info-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    display:flex;
    align-items:center;
    justify-content:center;
}
.contact-info-icon svg{
    width:22px;
    height:22px;
    color:#111;
    stroke:#111;
    fill:none;
}
.contact-info-icon svg[fill="currentColor"]{
    fill:#111;
    stroke:none;
}
.whatsapp-icon{
    background:linear-gradient(135deg,#60d66a,#25d366);
}
.contact-info-text h3{
    margin:0 0 2px;
    color:#1c1c1c;
    font-size:16px;
    font-weight:800;
}
.contact-info-text p{
    margin:0;
    color:#1c1c1c;
    font-size:15px;
    font-weight:600;
}
.contact-info-text span{
    color:var(--noam-muted);
    font-size:12px;
}

/* --- Working Hours --- */
.contact-hours{
    padding:20px 22px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 3px 15px rgba(0,0,0,.06);
    margin-top:4px;
}
.contact-hours h3{
    margin:0 0 14px;
    color:var(--noam-gold);
    font-size:16px;
    font-weight:800;
}
.hours-row{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid #f0f0f0;
    font-size:14px;
    color:#333;
}
.hours-row:last-child{
    border-bottom:0;
}
.hours-row span:first-child{
    font-weight:600;
}

/* --- Contact Form --- */
.contact-form-card{
    background:#fff;
    border-radius:12px;
    padding:36px 32px;
    box-shadow:0 4px 24px rgba(0,0,0,.08);
}
.contact-form-card h2{
    margin:0 0 6px;
    color:#1c1c1c;
    font-size:24px;
    font-weight:800;
    text-align:right;
}
.contact-form-card>p{
    margin:0 0 28px;
    color:var(--noam-muted);
    font-size:14px;
}
.contact-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.form-group label{
    font-size:13px;
    font-weight:700;
    color:#333;
}
.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #ddd;
    border-radius:8px;
    font-family:var(--noam-font);
    font-size:14px;
    color:#333;
    background:#fafafa;
    transition:border-color .2s;
    direction:rtl;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:var(--noam-gold);
    background:#fff;
    outline:none;
}
.form-group textarea{
    resize:vertical;
    min-height:100px;
}
.form-group select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:left 14px center;
    padding-left:36px;
}
.contact-submit-btn{
    align-self:flex-start;
    min-width:200px;
    height:48px;
    gap:8px;
    font-size:16px;
    font-weight:800;
    border:none;
    cursor:pointer;
    border-radius:8px;
}
.contact-submit-btn:disabled{
    opacity:.6;
    cursor:not-allowed;
}
.form-message{
    margin-top:8px;
    padding:0;
    font-size:14px;
    font-weight:600;
    border-radius:8px;
}
.form-success{
    color:#2e7d32;
    background:#e8f5e9;
    padding:14px 18px;
}
.form-error{
    color:#c62828;
    background:#ffebee;
    padding:14px 18px;
}

/* --- Contact Responsive --- */
@media(max-width:850px){
    .contact-page-grid{
        grid-template-columns:1fr;
        gap:28px;
    }
    .contact-form-side{
        order:-1;
    }
}
@media(max-width:767px){
    .contact-page-section{
        padding:35px 0 40px;
    }
    .contact-form-card{
        padding:24px 18px;
    }
    .contact-form-card h2{
        font-size:20px;
    }
    .form-row{
        grid-template-columns:1fr;
        gap:18px;
    }
    .contact-info-card{
        padding:14px 16px;
    }
    .contact-info-icon{
        width:44px;
        height:44px;
        min-width:44px;
    }
    .contact-info-icon svg{
        width:20px;
        height:20px;
    }
    .contact-submit-btn{
        width:100%;
    }
}

/* =============================================
   SEO HOME SECTION
============================================= */
.seo-home-section{
    background:var(--noam-bg-light);
    padding:48px 0 50px;
    color:var(--noam-text);
}
.seo-home-section .seo-benefit a{
    color:#1c1c1c;
    text-decoration:none;
    transition:color .2s;
}
.seo-home-section .seo-benefit a:hover{
    color:var(--noam-gold);
}

/* =============================================
   SEO LANDING PAGES
============================================= */
.seo-section{
    padding:48px 0 50px;
}
.seo-container{
    max-width:900px;
}
.seo-intro{
    margin-bottom:40px;
}
.seo-intro h2{
    color:#b4873c;
    font-size:28px;
    font-weight:800;
    margin:0 0 18px;
}
.seo-intro p{
    color:#444;
    font-size:16px;
    line-height:1.8;
    margin:0 0 14px;
}
.seo-product-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
    margin-top:20px;
}
.seo-products h2{
    color:#b4873c;
    font-size:26px;
    font-weight:800;
    margin:0 0 10px;
}
.seo-block{
    margin-top:42px;
}
.seo-block h2{
    color:#b4873c;
    font-size:26px;
    font-weight:800;
    margin:0 0 16px;
}
.seo-block p{
    color:#444;
    font-size:15px;
    line-height:1.75;
    margin:0 0 12px;
}
.seo-benefits-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:16px;
}
.seo-benefit{
    background:#fff;
    border-radius:10px;
    padding:20px;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
}
.seo-benefit strong{
    display:block;
    color:#1c1c1c;
    font-size:16px;
    margin-bottom:6px;
}
.seo-benefit p{
    margin:0;
    font-size:14px;
    color:var(--noam-muted);
    line-height:1.6;
}
.seo-list{
    padding-right:22px;
    margin:12px 0 0;
}
.seo-list li{
    list-style:disc;
    color:#444;
    font-size:15px;
    line-height:1.75;
    margin-bottom:8px;
}
.seo-steps{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:16px;
}
.seo-step{
    display:flex;
    align-items:flex-start;
    gap:16px;
    background:#fff;
    border-radius:10px;
    padding:18px 20px;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
}
.step-num{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:18px;
    font-weight:900;
}
.seo-step strong{
    display:block;
    color:#1c1c1c;
    font-size:16px;
    margin-bottom:4px;
}
.seo-step p{
    margin:0;
    font-size:14px;
    color:var(--noam-muted);
}
.seo-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}
.seo-tag{
    background:linear-gradient(135deg,var(--noam-gold-light),var(--noam-gold));
    color:#111;
    padding:6px 16px;
    border-radius:20px;
    font-size:14px;
    font-weight:700;
}
.seo-faq{
    border-top:1px solid #e5e5e5;
    padding-top:36px;
}
.faq-item{
    background:#fff;
    border-radius:10px;
    padding:20px 22px;
    margin-bottom:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.faq-item h3{
    color:#1c1c1c;
    font-size:17px;
    font-weight:800;
    margin:0 0 10px;
}
.faq-item p{
    color:#444;
    font-size:15px;
    line-height:1.7;
    margin:0;
}
.seo-cta-block{
    margin-top:42px;
    background:linear-gradient(135deg,#0b0b0b,#1a1a1a);
    border-radius:14px;
    padding:40px 36px;
    text-align:center;
}
.seo-cta-block h2{
    color:var(--noam-gold);
    font-size:28px;
    font-weight:800;
    margin:0 0 10px;
}
.seo-cta-block p{
    color:#ccc;
    font-size:16px;
    margin:0 0 24px;
}
.seo-cta-buttons{
    display:flex;
    gap:14px;
    justify-content:center;
    flex-wrap:wrap;
}
.seo-wa-btn{
    background:linear-gradient(135deg,#60d66a,#25d366) !important;
    color:#fff !important;
}
.seo-related-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:16px;
}
.seo-related-card{
    display:block;
    background:#fff;
    border-radius:10px;
    padding:18px 20px;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
    text-decoration:none !important;
    transition:transform .2s,box-shadow .2s;
    border-right:3px solid var(--noam-gold);
}
.seo-related-card:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(0,0,0,.1);
}
.seo-related-card strong{
    display:block;
    color:#1c1c1c;
    font-size:16px;
    margin-bottom:4px;
}
.seo-related-card span{
    color:var(--noam-muted);
    font-size:13px;
}

/* --- SEO Page Responsive --- */
@media(max-width:767px){
    .seo-product-grid{
        grid-template-columns:1fr;
    }
    .seo-benefits-grid{
        grid-template-columns:1fr;
    }
    .seo-related-grid{
        grid-template-columns:1fr;
    }
    .seo-intro h2,
    .seo-block h2,
    .seo-products h2{
        font-size:22px;
    }
    .seo-cta-block{
        padding:28px 20px;
    }
    .seo-cta-block h2{
        font-size:22px;
    }
    .seo-cta-buttons{
        flex-direction:column;
        align-items:stretch;
    }
}

/* --- Blog Responsive --- */
@media(max-width:850px){
    .blog-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }
}
@media(max-width:767px){
    .blog-grid{
        grid-template-columns:1fr;
        gap:16px;
    }
    .blog-card-img{
        height:180px;
    }
    .blog-single-body{
        font-size:15px;
    }
}