.najeh-home{ --home-ink:#202420; --home-paper:#fff; --home-line:#d7ddd7; --home-lime:#d7f05b; background:var(--home-paper); color:var(--home-ink); }
.najeh-home h1,.najeh-home h2,.najeh-home h3,.najeh-home a{ letter-spacing:0; }
.najeh-home .container{ max-width:1440px; padding-inline:48px; }
.storefront-home > .topbar .container,.storefront-home > .header .container,.storefront-home > .nav .container,.storefront-home > .footer .container{ max-width:1440px; padding-inline:48px; }
.home-skip-link{ position:fixed; top:8px; left:16px; transform:translateY(-160%); background:#202420; color:#fff; padding:12px 20px; z-index:1000; }
.home-skip-link:focus{ transform:none; }
.najeh-home:focus{ outline:none; }
.storefront-home .nav-cats{ margin-left:-14px; }
.home-nav-contact{ display:flex; align-items:center; gap:12px; font-size:14px; font-weight:600; white-space:nowrap; }
.home-nav-contact:hover{ text-decoration:underline; text-underline-offset:4px; }
.home-image-fallback{ flex-shrink:0; }
[data-home-image] + .home-image-fallback{ display:none; }
.home-opening{ position:relative; isolation:isolate; background:#d0d0c8; }
.home-opening-photo{ position:absolute; inset:0; z-index:-1; width:100%; height:100%; object-fit:cover; object-position:50% 56%; }
.home-opening-content{ min-height:520px; height:calc(100svh - 290px); max-height:660px; display:flex; flex-direction:column; justify-content:center; position:relative; }
.home-opening-copy{ max-width:490px; padding:44px 0 72px; }
.home-kicker{ font-size:13px; font-weight:700; margin-bottom:24px; }
.home-opening h1{ font-family:'Barlow Condensed',sans-serif; font-size:112px; font-weight:800; text-transform:uppercase; line-height:.88; max-width:480px; overflow-wrap:anywhere; }
.home-opening-description{ font-size:25px; line-height:1.3; font-weight:500; margin:24px 0 30px; }
.home-primary-link{ display:inline-flex; align-items:center; justify-content:space-between; gap:36px; padding:17px 22px; min-height:56px; background:var(--home-lime); color:var(--home-ink); font-size:15px; font-weight:600; }
.home-primary-link:hover{ background:var(--home-ink); color:#fff; }
.home-opening-index{ position:absolute; bottom:24px; left:48px; display:flex; align-items:center; gap:24px; font-size:13px; font-weight:500; }
.home-opening-index .icon{ transform:rotate(90deg); }
.home-departments{ padding:54px 0 64px; scroll-margin-top:160px; }
.home-section-heading{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:36px; }
.home-section-heading > div{ display:flex; align-items:baseline; gap:24px; }
.home-section-number{ font-size:12px; font-weight:500; color:#646e63; white-space:nowrap; }
.home-section-heading h2{ font-family:'Barlow Condensed',sans-serif; font-size:42px; font-weight:600; line-height:1.1; }
.home-text-link{ display:inline-flex; align-items:center; gap:20px; font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:5px; }
.home-text-link:hover{ text-decoration-thickness:2px; }
.home-department-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--home-line); border-left:1px solid var(--home-line); }
.home-department{ position:relative; min-width:0; min-height:162px; padding:24px; border-right:1px solid var(--home-line); border-bottom:1px solid var(--home-line); display:grid; grid-template-columns:24px 112px minmax(0,1fr); grid-template-rows:1fr 1fr; gap:10px 22px; background:#fff; transition:background .18s; }
.home-department:hover{ background:#f2f5ef; }
.home-department-number{ grid-column:1; grid-row:1/3; font-size:11px; font-weight:500; color:#6a7368; font-variant-numeric:tabular-nums; }
.home-department-image{ grid-column:2; grid-row:1/3; height:112px; display:flex; align-items:center; justify-content:center; margin:0; }
.home-department-image img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .2s; }
.home-department:hover img{ transform:translateY(-4px); }
.home-department-image .icon{ width:64px; height:64px; color:#84947d; }
.home-department h3{ grid-column:3; grid-row:1; align-self:end; font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:600; line-height:1.15; margin:0; overflow-wrap:anywhere; }
.home-department-bottom{ grid-column:3; grid-row:2; display:flex; justify-content:space-between; align-items:center; align-self:start; gap:16px; margin:0; font-size:12px; color:#687263; }
.home-department-bottom .icon{ color:var(--home-ink); flex-shrink:0; }
.home-department-all{ background:var(--home-lime); grid-template-columns:1fr auto; grid-template-rows:auto 1fr auto; gap:8px; }
.home-department-all:hover{ background:#cbe63d; }
.home-department-all .home-department-number,.home-department-all .home-department-bottom{ color:var(--home-ink); }
.home-department-all .home-department-number{ grid-column:1/-1; grid-row:1; }
.home-department-statement{ grid-column:1/-1; grid-row:2; align-self:center; font-family:'Barlow Condensed',sans-serif; font-size:42px; font-weight:600; line-height:1; padding:0; }
.home-department-all .home-department-bottom{ grid-column:1/-1; grid-row:3; margin:0; }
.home-arrivals{ border-top:1px solid var(--home-line); padding:56px 0 70px; }
.home-product-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.home-product{ display:flex; flex-direction:column; min-width:0; }
.home-product-image{ display:flex; align-items:center; justify-content:center; aspect-ratio:1; background:#f3f5f1; margin-bottom:18px; overflow:hidden; }
.home-product-image img{ width:100%; height:100%; padding:18px; object-fit:contain; mix-blend-mode:multiply; transition:transform .2s; }
.home-product-image:hover img{ transform:scale(1.04); }
.home-product-image .icon{ width:64px; height:64px; color:#84947d; }
.home-product-meta{ min-height:18px; font-size:12px; color:#596454; margin-bottom:8px; overflow-wrap:anywhere; }
.home-product h3{ min-height:48px; font-size:17px; font-weight:600; line-height:1.4; margin-bottom:8px; overflow-wrap:anywhere; }
.home-product-reference{ font-size:12px; color:#687263; margin-bottom:16px; overflow-wrap:anywhere; }
.home-product h3 a:hover{ text-decoration:underline; text-underline-offset:3px; }
.home-product-stock{ color:#796958; font-size:12px; margin-top:auto; margin-bottom:16px; }
.home-product-stock::before{ content:''; display:inline-block; vertical-align:middle; width:5px; height:5px; border-radius:50%; margin-right:7px; background:currentColor; }
.home-product-stock.is-available{ color:#33724a; }
.home-product-buy{ display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--home-line); padding-top:14px; }
.home-product-buy strong{ font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.home-product-buy button{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--home-ink); background:var(--home-ink); color:#fff; }
.home-product-buy button:hover{ background:var(--home-lime); color:var(--home-ink); }
.home-product-buy button:disabled{ color:#91988e; background:#f3f5f1; border-color:var(--home-line); cursor:not-allowed; }
.home-contact{ background:#e9eee5; border-top:1px solid var(--home-line); scroll-margin-top:32px; }
.home-contact-inner{ display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:72px; }
.home-contact-intro{ display:flex; align-items:flex-start; gap:30px; }
.home-contact-intro .home-section-number{ padding-top:9px; }
.home-contact h2{ font-family:'Barlow Condensed',sans-serif; font-size:88px; font-weight:600; line-height:1; }
.home-contact-details > p:first-child{ font-size:18px; line-height:1.5; max-width:400px; margin-bottom:24px; }
.home-contact-list{ margin:0; }
.home-contact-list > div{ padding:18px 0; border-top:1px solid #bdc8b9; }
.home-contact-list dt{ font-size:12px; color:#596454; margin-bottom:6px; }
.home-contact-list dd{ margin:0; }
.home-contact-phone,.home-contact-email{ display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; overflow-wrap:anywhere; }
.home-contact-phone{ font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:600; }
.home-contact-email{ font-size:20px; }
.home-contact-phone:hover,.home-contact-email:hover{ text-decoration:underline; text-underline-offset:6px; }
.home-contact-address{ display:flex; align-items:center; gap:8px; font-size:15px; color:#3d4838; }
.storefront-home > .footer{ background:#202420; padding-top:56px; }
.storefront-home .footer-grid{ gap:48px; padding-bottom:48px; }
.storefront-home .footer-grid > div:first-child .logo{ font-family:'Barlow Condensed',sans-serif; font-size:38px; font-weight:700; }
.storefront-home .footer-grid li{ margin-bottom:8px; }
.storefront-home .footer-grid li a{ display:inline-block; padding:4px 0; color:#c1c9bd; }
.storefront-home .footer-grid li a:hover{ color:#d7f05b; text-decoration:underline; text-underline-offset:4px; }
.storefront-home .footer-payments span{ background:transparent; border:1px solid #46513f; border-radius:0; color:#c1c9bd; }
.home-back-top{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid #687263; color:#fff; }
.home-back-top .icon{ transform:rotate(-90deg); }
.home-back-top:hover{ background:#d7f05b; color:#202420 !important; }
@media (prefers-reduced-motion:reduce){
  html:has(.storefront-home){ scroll-behavior:auto; }
  .najeh-home *{ transition:none; }
  .home-product-image:hover img,.home-department:hover img{ transform:none; }
}
@media (prefers-reduced-motion:no-preference){
  .home-opening-copy{ animation:home-arrive .65s ease-out both; }
  @keyframes home-arrive{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
}
@media (min-width:1800px){
  .home-opening-photo{ object-position:center 58%; }
  .home-opening-copy{ max-width:530px; }
}
@media (max-width:1100px){
  .najeh-home .container{ padding-inline:28px; }
  .storefront-home > .topbar .container,.storefront-home > .header .container,.storefront-home > .nav .container,.storefront-home > .footer .container{ padding-inline:28px; }
  .home-opening-index{ left:28px; }
  .home-opening h1{ font-size:94px; max-width:350px; }
  .home-opening-copy{ max-width:360px; }
  .home-department{ padding:20px; grid-template-columns:20px 90px minmax(0,1fr); gap:10px 14px; }
  .home-department-image{ height:100px; }
  .home-department h3{ font-size:25px; }
  .home-department-all{ grid-template-columns:1fr auto; }
  .home-department-statement{ font-size:40px; }
  .home-contact-inner{ gap:40px; }
  .home-contact h2{ font-size:68px; }
  .storefront-home .footer-grid{ gap:28px; }
}
@media (max-width:760px){
  .najeh-home .container{ padding-inline:20px; }
  .storefront-home > .topbar .container,.storefront-home > .header .container,.storefront-home > .nav .container,.storefront-home > .footer .container{ padding-inline:20px; }
  .home-opening{ --home-height:clamp(440px,calc(100svh - 260px),580px); overflow:hidden; }
  .home-opening-content{ min-height:440px; height:var(--home-height); max-height:580px; justify-content:flex-start; }
  .home-opening-photo{ top:50%; left:50%; width:var(--home-height); height:100vw; max-width:none; transform:translate(-50%,-50%) rotate(90deg); object-position:0% 50%; }
  .home-opening-copy{ padding-top:24px; max-width:100%; }
  .home-kicker{ font-size:11px; margin-bottom:12px; }
  .home-opening h1{ font-size:64px; max-width:100%; }
  .home-opening-description{ font-size:18px; line-height:1.2; margin:12px 0 18px; }
  .home-primary-link{ min-height:48px; font-size:13px; padding:13px 16px; gap:22px; }
  .home-opening-index{ left:20px; bottom:20px; font-size:12px; }
  .home-departments,.home-arrivals{ padding:32px 0 40px; }
  .home-section-heading{ gap:16px; align-items:flex-start; flex-direction:column; margin-bottom:24px; }
  .home-section-heading > div{ gap:14px; }
  .home-section-heading h2{ font-size:30px; }
  .home-section-number{ font-size:10px; }
  .home-text-link{ font-size:13px; }
  .home-department-grid{ grid-template-columns:1fr; }
  .home-department{ padding:16px; min-height:120px; grid-template-columns:18px 80px minmax(0,1fr); gap:8px 14px; }
  .home-department-image{ height:88px; }
  .home-department h3{ font-size:25px; min-height:0; }
  .home-department-bottom{ gap:6px; font-size:11px; margin:0; }
  .home-department-all{ grid-template-columns:1fr auto; min-height:160px; }
  .home-department-statement{ font-size:40px; }
  .home-product-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 16px; }
  .home-product-meta{ font-size:11px; }
  .home-product h3{ font-size:15px; }
  .home-product-buy strong{ font-size:19px; }
  .home-product-image img{ padding:10px; }
  .home-contact-inner{ grid-template-columns:1fr; gap:28px; padding-block:36px; }
  .home-contact-intro{ gap:16px; }
  .home-contact h2{ font-size:54px; }
  .home-contact-details > p:first-child{ font-size:16px; }
  .home-contact-phone{ font-size:34px; }
  .home-contact-email{ font-size:17px; }
  .storefront-home .nav-cats{ margin-left:0; }
  .storefront-home .footer-grid{ gap:28px 20px; }
  .storefront-home .footer-grid{ grid-template-areas:'brand brand' 'catalogue account' 'catalogue quick'; grid-template-rows:auto auto 1fr; }
  .storefront-home .footer-grid > div:first-child{ grid-area:brand; }
  .storefront-home .footer-grid > div:nth-child(2){ grid-area:catalogue; }
  .storefront-home .footer-grid > div:nth-child(3){ grid-area:account; }
  .storefront-home .footer-grid > div:last-child{ grid-area:quick; }
  .storefront-home .footer-bottom{ display:grid; grid-template-columns:1fr auto; }
  .storefront-home .footer-payments{ grid-column:1; grid-row:2; }
  .home-back-top{ grid-column:2; grid-row:1/3; }
}
@media (max-width:360px){
  .najeh-home .container{ padding-inline:14px; }
  .storefront-home > .topbar .container,.storefront-home > .header .container,.storefront-home > .nav .container,.storefront-home > .footer .container{ padding-inline:14px; }
  .home-opening-index{ left:14px; }
  .home-opening h1{ font-size:60px; }
  .home-opening-content{ min-height:430px; }
  .home-department{ padding:12px; grid-template-columns:16px 68px minmax(0,1fr); gap:8px 10px; }
  .home-department h3{ font-size:23px; }
  .home-department-all{ grid-template-columns:1fr auto; }
  .home-product-buy{ gap:6px; }
  .home-product-buy strong{ font-size:17px; }
}