/* Shared visual finish. Screen-only rules preserve commercial print layouts. */
@media screen{
.shalom-site,.shalom-app{--sab-green:#235b3b;--sab-ink:#233329;--sab-muted:#69746d;--sab-line:#e1e6e1;--sab-paper:#fff;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f5f6f3;color:var(--sab-ink);line-height:1.5}
.shalom-site h1,.shalom-site h2,.shalom-site h3,.shalom-app h1,.shalom-app h2,.shalom-app h3{letter-spacing:-.025em;line-height:1.2}.shalom-site h2,.shalom-app h2{font-size:clamp(23px,2.2vw,32px);font-weight:650}.shalom-site .panel,.shalom-site .card,.shalom-app .panel,.shalom-app .card{background:#fff;border:1px solid var(--sab-line);border-radius:10px;box-shadow:none;padding:22px;margin-bottom:20px}
.shalom-site .btn,.shalom-app .btn{background:var(--sab-green);color:#fff;border:1px solid var(--sab-green);border-radius:7px;padding:10px 16px;font-weight:600;box-shadow:none;transition:background .15s}.shalom-site .btn:hover,.shalom-app .btn:hover{background:#19452c}.shalom-site .btn.ghost,.shalom-app .btn.ghost{background:#fff;color:var(--sab-ink);border-color:#d9e1d9}.shalom-site .btn.ghost:hover,.shalom-app .btn.ghost:hover{background:#f1f5f1}.shalom-site .btn.danger,.shalom-app .btn.danger{background:#a53535;border-color:#a53535;color:#fff}
.shalom-site input,.shalom-site select,.shalom-site textarea,.shalom-app input,.shalom-app select,.shalom-app textarea{background:#fff;border:1px solid #ccd5cc;border-radius:6px;color:var(--sab-ink);padding:11px 12px}.shalom-site :focus-visible,.shalom-app :focus-visible{outline:2px solid #538664;outline-offset:3px}.shalom-site label,.shalom-app label{font-weight:550;font-size:13px}.shalom-site .badge,.shalom-app .badge{border-radius:5px;font-size:11px;font-weight:600}.shalom-site .table-scroll,.shalom-app .table-scroll{border:1px solid var(--sab-line);border-radius:8px}.shalom-site th,.shalom-app th{background:#f4f6f3;color:#546158;font-size:12px;font-weight:650}.shalom-site td,.shalom-app td{font-size:13px;border-bottom:1px solid #e9ede8;padding:13px 12px}.shalom-app table tbody tr:hover{background:#fafbf8}
.shalom-site .site-topbar{background:#fff!important;color:var(--sab-ink)!important;border-bottom:1px solid var(--sab-line);box-shadow:none;padding:14px max(22px,calc((100vw - 1240px)/2))}.shalom-site .brand-block h1{font-size:18px;color:var(--sab-green)!important}.shalom-site .brand-block p{color:var(--sab-muted)!important;font-size:11px}.shalom-site .brand-logo{background:transparent!important;border:0;border-radius:0;box-shadow:none}.shalom-site .site-nav .nav-link{color:#465149!important;border-radius:6px;font-size:13px;padding:9px 12px}.shalom-site .site-nav .nav-link.active,.shalom-site .site-nav .nav-link:hover{background:#edf3ed!important;color:var(--sab-green)!important}.shalom-site .app-mini,.shalom-site .cart-mini{background:#f0f4ef!important;color:var(--sab-green)!important;border:1px solid #e0e8dd;box-shadow:none}
.shalom-site .public-site{max-width:1240px!important;width:calc(100% - 48px)!important;margin:0 auto!important;padding:28px 0!important}.shalom-site .site-hero{background:#eaf0e5!important;color:var(--sab-ink)!important;border:0;border-radius:10px;padding:40px!important;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;box-shadow:none}.shalom-site .site-hero h2{color:var(--sab-ink)!important;font-size:clamp(28px,3.3vw,46px);max-width:540px;line-height:1.1}.shalom-site .site-hero p{color:#5b685e!important;max-width:510px;font-size:15px;line-height:1.7}.shalom-site .hero-kicker,.shalom-site .shop-eyebrow{color:#47734d!important;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sab-hero-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sab-hero-products figure{margin:0;background:#fff;border-radius:8px;overflow:hidden}.sab-hero-products img{display:block;width:100%;height:220px;object-fit:cover}.sab-hero-products figcaption{padding:10px 12px;font-weight:600;font-size:13px}
.shalom-site .why-cards{gap:16px;margin:22px 0}.shalom-site .why-cards .card{padding:18px;background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--sab-line)}.shalom-site .why-cards h3{font-size:16px}.shalom-site .why-cards p{color:var(--sab-muted);font-size:13px}.shalom-site .shop-modern-hero{background:#eaf0e5!important;color:var(--sab-ink)!important;border-radius:10px;box-shadow:none}.shalom-site .shop-modern-hero h1,.shalom-site .shop-modern-hero h2,.shalom-site .shop-modern-hero p{color:var(--sab-ink)!important}.shalom-site .modern-product-card,.shalom-site .product-card-public{background:#fff;border:1px solid var(--sab-line)!important;border-radius:9px!important;box-shadow:none!important;transform:none!important}.shalom-site .modern-product-body h3{font-size:17px;font-weight:600}.shalom-site .modern-product-description{color:var(--sab-muted);font-size:13px}.shalom-site .modern-product-price strong{color:var(--sab-green)!important}.shalom-site .modern-product-media{background:#f5f6f1}.shalom-site .category-pills a,.shalom-site .shop-category-nav a{border-radius:6px;box-shadow:none}.shalom-site .site-footer{background:#263e2e!important;color:#fff;padding:32px max(24px,calc((100vw - 1240px)/2))}.shalom-site .site-footer a,.shalom-site .site-footer span,.shalom-site .site-footer p{color:#d8e2d7!important}
.shalom-app .topbar{background:#fff!important;border-bottom:1px solid var(--sab-line);box-shadow:none!important;min-height:64px;padding:10px 20px!important}.shalom-app .top-icon{background:#f5f7f3!important;color:#36533c!important;border:1px solid #e4e9e1;box-shadow:none!important;border-radius:7px}.shalom-app .brand-icon{border:0;background:transparent!important}.shalom-app .session-timer{color:var(--sab-muted);background:transparent}.shalom-app .sidebar{background:#fff!important;border-right:1px solid var(--sab-line);padding:16px 10px;top:64px;box-shadow:none}.shalom-app .sidebar a{display:flex;gap:11px;align-items:center;color:#56615a!important;font-size:13px;border-radius:6px;padding:11px 12px!important;margin-bottom:3px}.shalom-app .sidebar a:hover,.shalom-app .sidebar a[aria-current="page"]{background:#edf3e9!important;color:var(--sab-green)!important}.shalom-app .content{padding:26px!important}.shalom-app .value{font-size:28px;color:var(--sab-ink);font-weight:650}.shalom-app .shortcut{background:#fff!important;border:1px solid var(--sab-line);border-radius:9px;box-shadow:none!important;transform:none!important;padding:20px}.shalom-app .shortcut:hover{border-color:#9eb99b;background:#f9fbf7!important}.shalom-app .shortcut strong{font-size:15px;font-weight:600}.shalom-app .shortcut small{font-size:12px;color:var(--sab-muted)}.sab-icon{display:inline-flex;color:var(--sab-green);flex:0 0 22px}.sab-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shortcut .sab-icon svg,.big-icon .sab-icon svg{width:28px;height:28px}.shalom-app .footer{font-size:11px;color:var(--sab-muted)}
}
@media screen and (max-width:900px){.shalom-site .site-nav{background:#fff!important;border:1px solid var(--sab-line)}.shalom-app .sidebar{top:58px}.shalom-site .public-site{width:calc(100% - 28px)!important}.shalom-site .site-hero{padding:26px!important;gap:20px}.sab-hero-products img{height:175px}}
@media screen and (max-width:760px){.shalom-app .content{padding:16px 10px!important}.shalom-site .public-site{width:100%!important;padding:16px 10px!important}.shalom-site .site-hero{grid-template-columns:1fr!important;padding:24px 18px!important}.shalom-site .site-hero h2{font-size:31px!important}.shalom-site .site-hero p{font-size:14px}.sab-hero-products img{height:150px}.shalom-site .hero-actions{display:flex;flex-wrap:wrap;gap:8px}.shalom-site .why-cards{grid-template-columns:1fr!important;gap:0}.shalom-site .why-cards .card{display:block;margin-bottom:0}.shalom-site .panel,.shalom-app .panel{padding:17px 14px!important}.shalom-app .shortcut{border-radius:9px!important}.shalom-site .modern-product-body h3{font-size:14px!important}.shalom-site .site-footer{padding:26px 16px}.shalom-app .topbar{padding:9px 10px!important}.shalom-site .mobile-bottom-nav,.shalom-app .mobile-bottom-nav{box-shadow:none}.shalom-site .mobile-bottom-nav [aria-current="page"],.shalom-app .mobile-bottom-nav [aria-current="page"]{background:#edf3e9}.shalom-site .live-chat-launcher{box-shadow:0 2px 7px #00000015!important;border-radius:10px!important}}
@media(prefers-reduced-motion:reduce){.shalom-site *,.shalom-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media screen{.shalom-site .mobile-menu-toggle span,.shalom-app .mobile-menu-toggle span{background:#235b3b!important}}
@media screen{.shalom-app .hero{background:#edf3e9!important;color:#233329!important;border:1px solid #e1e6e1;border-radius:10px;box-shadow:none}.shalom-app .hero h2,.shalom-app .hero p{color:#233329!important}.shalom-app .hero p{font-size:14px;line-height:1.6}.shalom-app .sidebar a .sab-icon{margin:0}.shalom-app .shortcut>.sab-icon{margin-bottom:10px}}

/* Accueil mobile premium — V3.0 — 16/09/2026 */
@media screen{
  .mobile-home-showcase{display:none}
}

@media screen and (max-width:760px){
  /* En-tête mobile : logo, identité et menu uniquement. */
  .shalom-site .site-topbar{
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 12px!important;
    background:#fff!important;
    border-bottom:1px solid #e4ebe3!important;
    box-shadow:0 5px 18px rgba(32,68,43,.055)!important;
  }
  .shalom-site .site-topbar>.theme-toggle{display:none!important}
  .shalom-site .brand-block{min-width:0!important;gap:9px!important;align-items:center!important}
  .shalom-site .brand-logo{width:58px!important;height:48px!important;min-width:58px!important;padding:1px!important}
  .shalom-site .brand-logo img{object-fit:contain!important}
  .shalom-site .brand-block>div{min-width:0!important}
  .shalom-site .brand-block h1{
    margin:0!important;
    color:#165c36!important;
    font-size:15px!important;
    line-height:1.05!important;
    white-space:normal!important;
    letter-spacing:-.02em!important;
  }
  .shalom-site .brand-block p{
    display:block!important;
    margin:3px 0 0!important;
    color:#657369!important;
    font-size:9.3px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  .shalom-site .site-menu-toggle{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    justify-self:end!important;
    border:1px solid #dce7dd!important;
    border-radius:11px!important;
    background:#f3f7f2!important;
    box-shadow:none!important;
  }
  .shalom-site .site-menu-toggle span{width:20px!important;background:#1f6b3e!important}
  .shalom-site .site-nav{
    grid-column:1/-1!important;
    margin:0!important;
    border:1px solid #e1e8e1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(27,55,35,.11)!important;
  }
  .shalom-site .site-nav.is-open{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:10px!important}
  .shalom-site .site-nav.is-open .nav-link,
  .shalom-site .site-nav.is-open .site-icon-link,
  .shalom-site .site-nav.is-open .cart-mini,
  .shalom-site .site-nav.is-open .app-mini{
    min-height:42px!important;
    border:1px solid #e4ebe3!important;
    border-radius:10px!important;
    background:#f7f9f6!important;
    color:#35533e!important;
  }
  .shalom-site .site-nav.is-open .nav-link{display:flex!important;align-items:center!important;justify-content:center!important}
  .shalom-site .site-nav.is-open .site-language-picker{grid-column:1/-1!important}

  /* Le nouvel accueil est réservé au téléphone ; la version bureau reste intacte. */
  .shalom-site .desktop-home-layout{display:none!important}
  .shalom-site .mobile-home-showcase{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  .shalom-site .public-site{
    width:100%!important;
    max-width:100%!important;
    padding:10px 10px 18px!important;
  }

  .mobile-home-search{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    margin:0 0 10px;
  }
  .mobile-home-search>span{
    position:absolute;
    left:14px;
    top:50%;
    z-index:1;
    transform:translateY(-50%);
    color:#516159;
    font-size:25px;
    line-height:1;
    pointer-events:none;
  }
  .shalom-site .mobile-home-search input[type="search"]{
    width:100%;
    height:48px;
    min-height:48px!important;
    margin:0!important;
    padding:0 14px 0 45px!important;
    border:1px solid #dce6dd!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#22352a!important;
    box-shadow:0 4px 12px rgba(29,65,39,.035)!important;
    font-size:15px!important;
  }

  .mobile-home-hero{
    position:relative;
    min-height:355px;
    overflow:hidden;
    border-radius:18px;
    background:
      linear-gradient(90deg,rgba(9,29,18,.88) 0%,rgba(9,29,18,.67) 52%,rgba(9,29,18,.20) 100%),
      url('../SITE/assets/img/poulet-de-chair.webp') center/cover no-repeat;
    box-shadow:0 11px 28px rgba(19,62,34,.14);
  }
  .mobile-home-hero-overlay{
    position:relative;
    z-index:1;
    display:flex;
    min-height:355px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:27px 20px;
    color:#fff;
  }
  .mobile-home-kicker{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    margin-bottom:11px;
    padding:5px 10px;
    border-radius:999px;
    background:#1b9a4f;
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
  }
  .mobile-home-hero h2{
    max-width:310px;
    margin:0 0 11px!important;
    color:#fff!important;
    font-size:31px!important;
    font-weight:800!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    text-shadow:0 2px 10px rgba(0,0,0,.14);
  }
  .mobile-home-hero p{
    max-width:310px;
    margin:0!important;
    color:#f2f7f3!important;
    font-size:13.5px!important;
    line-height:1.55!important;
  }
  .mobile-home-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:48px;
    margin-top:19px;
    padding:0 18px;
    border-radius:999px;
    background:#13a947;
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    box-shadow:0 8px 18px rgba(7,77,31,.23);
  }
  .mobile-home-primary span{font-size:20px;line-height:1}

  .mobile-home-quick{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin:10px 0 18px;
  }
  .mobile-home-quick a{
    display:flex;
    min-width:0;
    min-height:94px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 4px;
    border:1px solid #e2e9e2;
    border-radius:14px;
    background:#fff;
    color:#27362d!important;
    text-align:center;
    text-decoration:none;
    box-shadow:0 4px 13px rgba(25,60,35,.035);
  }
  .mobile-home-quick a>span{
    display:flex;
    width:39px;
    height:39px;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#edf6ee;
    color:#16723e;
    font-size:21px;
    line-height:1;
  }
  .mobile-home-quick a:nth-child(3)>span{color:#b77700;background:#fff5dc}
  .mobile-home-quick a:nth-child(4)>span{color:#5f43a8;background:#f3edff}
  .mobile-home-quick strong{
    display:block;
    max-width:100%;
    color:inherit!important;
    font-size:10.5px;
    font-weight:700;
    line-height:1.15;
    overflow-wrap:anywhere;
  }

  .mobile-home-categories{margin-top:0}
  .mobile-home-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
  }
  .mobile-home-section-head h2{
    margin:0!important;
    color:#21342a!important;
    font-size:22px!important;
    font-weight:800!important;
  }
  .mobile-home-section-head a{
    color:#1b8b49!important;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
  }
  .mobile-home-category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .mobile-home-category{
    display:block;
    min-width:0;
    color:#27362d!important;
    text-decoration:none;
  }
  .mobile-home-category img{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #e0e7e0;
    background:#f1f5f0;
  }
  .mobile-home-category strong{
    display:block;
    margin-top:7px;
    overflow:hidden;
    color:#26362d!important;
    font-size:11px;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-home-category small{
    display:block;
    margin-top:2px;
    color:#7b877f!important;
    font-size:9.5px;
    line-height:1.2;
  }

  .mobile-home-trust{
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 34px;
    align-items:center;
    gap:10px;
    margin-top:18px;
    padding:12px;
    border:1px solid #d9e8d9;
    border-radius:15px;
    background:#eaf5e9;
    color:#23422d!important;
    text-decoration:none;
  }
  .mobile-home-trust>img{
    width:50px;
    height:45px;
    object-fit:contain;
    border-radius:10px;
    background:#fff;
  }
  .mobile-home-trust span{min-width:0}
  .mobile-home-trust strong{
    display:block;
    color:#23623a!important;
    font-size:12px;
    line-height:1.2;
  }
  .mobile-home-trust small{
    display:block;
    margin-top:3px;
    color:#607365!important;
    font-size:10px;
    line-height:1.3;
  }
  .mobile-home-trust>b{
    display:flex;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#d4ead3;
    color:#1a6b38!important;
    font-size:18px;
  }

  /* Barre de navigation fixe à cinq entrées sur le site public. */
  .shalom-site .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .shalom-site .mobile-bottom-nav a{
    gap:3px!important;
    min-width:0;
    min-height:51px!important;
    border-radius:10px!important;
    color:#56645b!important;
    font-size:10px!important;
    font-weight:650!important;
  }
  .shalom-site .mobile-bottom-nav svg{width:22px!important;height:22px!important}
  .shalom-site .mobile-bottom-nav [aria-current="page"]{
    background:#edf5ed!important;
    color:#176b3a!important;
  }

  .shalom-site .live-chat-launcher{right:11px!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}

@media screen and (max-width:390px){
  .mobile-home-hero,.mobile-home-hero-overlay{min-height:335px}
  .mobile-home-hero h2{font-size:28px!important}
  .mobile-home-quick{gap:6px}
  .mobile-home-quick a{min-height:88px;padding:8px 2px}
  .mobile-home-quick a>span{width:35px;height:35px;font-size:19px}
  .mobile-home-quick strong{font-size:9.5px}
  .mobile-home-category-grid{gap:6px}
  .mobile-home-category strong{font-size:10px}
  .shalom-site .brand-logo{width:52px!important;height:44px!important;min-width:52px!important}
  .shalom-site .brand-block h1{font-size:13.5px!important}
  .shalom-site .brand-block p{font-size:8.5px!important}
}
