/* ==========================================================================
   Domadora Foods — main stylesheet (v15)
   Dark luxury theme shared by every page in /ar/ and /en/.

   Contents
     1.  Design tokens
     2.  Reset & base
     3.  Accessibility
     4.  Typography
     5.  Header & navigation
     6.  Buttons
     7.  Home hero
     8.  Media frames
     9.  Grids & cards (generic, product, brand, steps, partners)
     10. CTA band
     11. Forms
     12. Contact details
     13. Footer & WhatsApp button
     14. Scroll reveal
     15. Page hero & breadcrumb
     16. Split layout
     17. Partner logos
     18. Utilities
     19. Logos & brand-card actions
     20. Language toggle
     21. Private Label — facility gallery & lightbox
     22. Private Label / B2B — timeline, capability chips, B2B hero
     23. Responsive & reduced motion
     24. B2B funnels — path cards, checklist, form hint (v15)

   Note: rule order matters where components share elements
   (e.g. .card + .reveal, .section-pad + .u-pad60) — keep sections in order.
   ========================================================================== */

/* 1. Design tokens
   ========================================================================== */
:root{
  --red:#B5191E; --red-deep:#7e1014; --gold:#c9a86a; --gold-soft:rgba(201,168,106,.35);
  --bg:#141112; --bg-2:#1c181a; --bg-3:#242021; --ink:#221F20; --paper:#f5efe7;
  --txt:#ece7e1; --muted:#a89f97; --line:rgba(255,255,255,.09);
  --ease:cubic-bezier(.22,.8,.3,1);
  --radius:3px; --dur:.28s;
  --sh-1:0 10px 26px rgba(0,0,0,.35);
  --sh-2:0 18px 44px rgba(0,0,0,.5);
  --sh-3:0 30px 70px rgba(0,0,0,.55);
}

/* 2. Reset & base
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Sora','Cairo',system-ui,sans-serif;background:var(--bg);color:var(--txt);line-height:1.65;}
html[dir="rtl"] body{font-family:'Cairo','Sora',sans-serif;}
html[dir="ltr"] h1,html[dir="ltr"] h2,html[dir="ltr"] .nav-logo{font-family:'Playfair Display','Sora',serif;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.container{width:min(1180px,92%);margin-inline:auto;}
.section-pad{padding:100px 0;}
.alt{background:var(--bg-2);}

/* subtle grain over dark surfaces */
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:1;
  background-image:url('../images/textures/grain-noise.svg');}

/* page scroll lock while the lightbox is open (toggled by main.js) */
body.is-scroll-locked{overflow:hidden;}

/* 3. Accessibility
   ========================================================================== */
.skip-link{position:absolute;top:-48px;left:8px;background:var(--red);color:#fff;padding:10px 18px;z-index:200;border-radius:var(--radius);transition:top .2s;}
.skip-link:focus{top:8px;}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* 4. Typography
   ========================================================================== */
h1,h2,h3{line-height:1.14;font-weight:800;color:#fff;}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px;}
.eyebrow::before{content:'';display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-inline-end:12px;}
.section-title{font-size:clamp(1.8rem,3.8vw,2.8rem);margin-bottom:18px;}
.section-sub{color:var(--muted);max-width:640px;}

/* 5. Header & navigation
   ========================================================================== */
.nav{position:sticky;top:0;z-index:100;background:rgba(16,13,14,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;}
.nav-logo{font-weight:800;font-size:1.2rem;letter-spacing:.05em;color:#fff;}
.nav-links{display:flex;gap:24px;list-style:none;align-items:center;}
.nav-links a{font-size:.85rem;color:var(--muted);padding:6px 2px;transition:color .2s;}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff;border-bottom:2px solid var(--gold);}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.nav-burger{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer;padding:8px;}

/* 6. Buttons
   ========================================================================== */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:2px;font-weight:700;font-size:.88rem;letter-spacing:.04em;border:0;cursor:pointer;transition:transform var(--dur),box-shadow var(--dur),background var(--dur);}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 26px rgba(181,25,30,.35);}
.btn-primary:hover{background:#c92026;}
.btn-outline{border:1px solid var(--gold-soft);background:transparent;color:var(--gold);}
.btn-outline:hover{border-color:var(--gold);background:rgba(201,168,106,.08);}
.btn-light{background:var(--paper);color:var(--ink);}

/* 7. Home hero
   ========================================================================== */
.hero{position:relative;min-height:86vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;}
.hero-media{position:absolute;inset:-6%;z-index:-1;will-change:transform;}
.hero-media img{width:100%;height:100%;object-fit:cover;animation:kenburns 24s ease-in-out infinite alternate;}
.hero-media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(12,9,10,.93) 25%,rgba(12,9,10,.55) 60%,rgba(181,25,30,.18)),
             radial-gradient(ellipse at 88% 45%, rgba(12,9,10,.55), transparent 55%),
             radial-gradient(ellipse at 78% 20%, rgba(201,168,106,.22), transparent 55%);}
.hero-content{position:relative;z-index:2;padding:110px 0;max-width:680px;}
.hero-kicker{display:flex;align-items:center;gap:14px;color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;font-weight:700;margin-bottom:22px;}
.hero-kicker::before{content:'';width:38px;height:1px;background:var(--gold);}
.hero-content h1{font-size:clamp(2.2rem,5.4vw,4rem);margin-bottom:22px;}
.hero-content p{color:#cfc6bd;margin-bottom:34px;font-size:1.06rem;max-width:560px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-scroll{position:absolute;bottom:26px;inset-inline-start:50%;transform:translateX(-50%);color:var(--muted);font-size:1.2rem;animation:bob 2.2s infinite;}
@keyframes kenburns{from{transform:scale(1);}to{transform:scale(1.07);}}
@keyframes bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,8px);}}

/* 8. Media frames
   ========================================================================== */
.media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-3);}
.media::after{content:'';position:absolute;inset:0;border:1px solid rgba(201,168,106,.25);pointer-events:none;}
.media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.media:hover img{transform:scale(1.05);}

/* 9. Grids & cards
   ========================================================================== */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:26px;}
.grid-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;}
.card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur);}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--gold-soft);}
.card h3{font-size:1.12rem;margin-bottom:10px;}
.card p{color:var(--muted);font-size:.92rem;}
.card .ic{width:48px;height:48px;border-radius:2px;background:linear-gradient(135deg,rgba(181,25,30,.25),rgba(201,168,106,.15));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:18px;border:1px solid var(--gold-soft);}

/* product cards */
.product-card{text-align:center;}
.product-card .ph{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;box-shadow:var(--sh-2);}
.product-card .ph::after{content:'';position:absolute;inset:0;border:1px solid rgba(201,168,106,.22);
  background:linear-gradient(to top,rgba(12,9,10,.35),transparent 40%);}
.product-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.product-card:hover .ph img{transform:scale(1.09);}
.product-card h3{font-size:1.02rem;margin-top:16px;letter-spacing:.06em;}

/* brand cards */
.brand-card{display:flex;flex-direction:column;}
.logo-box{height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f0c0d,#1b1719);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;}
.logo-box img{max-height:170px;object-fit:contain;}

/* numbered steps */
.steps{counter-reset:step;display:grid;gap:18px;}
.step{display:flex;gap:20px;align-items:flex-start;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:border-color .25s;}
.step:hover{border-color:var(--gold-soft);}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);flex:0 0 auto;font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:800;color:var(--gold);line-height:1;}
.step h3{font-size:1.05rem;margin-bottom:6px;}
.step p{color:var(--muted);font-size:.92rem;}

/* partners row */
.partners{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:center;font-weight:700;font-size:1.06rem;color:var(--muted);letter-spacing:.1em;}

/* 10. CTA band
   ========================================================================== */
.cta-band{position:relative;background:linear-gradient(120deg,var(--red-deep),var(--red));color:#fff;text-align:center;padding:80px 0;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(201,168,106,.25),transparent 55%);}
.cta-band>*{position:relative;}
.cta-band h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:14px;}
.cta-band p{opacity:.92;margin-bottom:30px;}

/* 11. Forms
   ========================================================================== */
.form-card{background:var(--bg-3);border:1px solid var(--line);border-radius:4px;padding:36px;max-width:720px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{margin-bottom:18px;display:flex;flex-direction:column;gap:7px;}
.field label{font-size:.83rem;font-weight:700;color:#fff;}
.field input,.field select,.field textarea{padding:14px;border:1px solid var(--line);border-radius:2px;font:inherit;background:var(--bg);color:var(--txt);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(201,168,106,.15);}
.form-status{margin-top:12px;font-weight:700;}
.form-status.ok{color:#5fbf7a;}
.form-status.err{color:#ff6b70;}

/* 12. Contact details
   ========================================================================== */
.contact-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.contact-row i{color:var(--gold);font-size:1.1rem;margin-top:4px;}
.contact-row h3{font-size:.95rem;margin-bottom:3px;}
.contact-row a,.contact-row p{color:var(--muted);font-size:.92rem;}
.contact-row a:hover{color:var(--gold);}
.ltr-isolate{direction:ltr;unicode-bidi:isolate;display:inline-block;}

/* 13. Footer & WhatsApp button
   ========================================================================== */
footer{background:#0e0b0c;color:var(--muted);padding:64px 0 30px;border-top:1px solid var(--line);}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;margin-bottom:42px;}
footer h3{color:#fff;font-size:1rem;margin-bottom:14px;}
footer ul{list-style:none;display:grid;gap:9px;font-size:.88rem;}
footer a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid var(--line);padding-top:22px;font-size:.8rem;text-align:center;}
.socials{display:flex;gap:12px;margin-top:14px;}
.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.socials a:hover{background:var(--red);border-color:var(--red);color:#fff;}

.wa-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .2s;}
.wa-float:hover{transform:scale(1.08);}

/* 14. Scroll reveal
   Must stay after cards (overrides their transition/hover lift) and
   before the facility gallery (whose hover lift wins over it).
   ========================================================================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.show{opacity:1;transform:none;}

/* 15. Page hero & breadcrumb
   ========================================================================== */
.page-hero{position:relative;background:linear-gradient(120deg,#0f0c0d,#1d191b);padding:86px 0 66px;border-bottom:1px solid var(--line);}
.page-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,rgba(201,168,106,.12),transparent 50%);pointer-events:none;}
.page-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);margin-bottom:12px;}
.page-hero p{color:var(--muted);max-width:640px;}
.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:18px;}
.breadcrumb a:hover{color:var(--gold);}

/* 16. Split layout
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}

/* 17. Partner logos
   ========================================================================== */
.partners-logos{gap:18px;}
.partners-logos img{height:96px;width:auto;background:#fff;padding:0;border-radius:var(--radius);box-shadow:var(--sh-1);opacity:.95;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);}
.partners-logos img:hover{opacity:1;transform:translateY(-4px);}

/* 18. Utilities
   Kept after components so they win on equal specificity.
   ========================================================================== */
.u-sm{font-size:.88rem}.u-xs{font-size:.85rem}.u-gold{color:var(--gold)}
.u-mt12{margin-top:12px}.u-mt22{margin-top:22px}.u-mt24{margin-top:24px}.u-mt28{margin-top:28px}.u-mt40{margin-top:40px}
.u-mb28{margin-bottom:28px}
.u-jc{justify-content:center}.u-flex{display:flex}.u-top{align-items:flex-start}
.u-inverse{color:#fff;border-color:rgba(255,255,255,.5)}
.u-w290{max-width:290px}.u-w860{max-width:860px}
.u-summary{cursor:pointer;font-weight:700;color:#fff}
.u-pad60{padding:60px 0}
.u-grid14{display:grid;gap:14px}
.hp{display:none} /* contact-form honeypot */

/* 19. Logos & brand-card actions
   ========================================================================== */
.nav-logo-img{height:44px;width:auto;display:block;}
.f-logo{height:34px;width:auto;display:block;}

/* Go Meat logo: zoomed out to sit comfortably inside the logo box */
.brand-card .logo-box img.gm-logo, .logo-box img.gm-logo{max-height:186px;max-width:96%;width:auto;object-fit:contain;transform:translateY(-27px);}

/* brand cards are single links to each brand website */
.brand-card p{margin-bottom:18px;}
/* action row (company-profile download card) */
.card-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;}

/* company-profile PDF viewer (private-label pages); on small screens the
   frame is hidden and "Open PDF" is shown instead (see section 23) */
.profile-viewer{padding:0;overflow:hidden;}
.profile-frame{display:block;width:100%;aspect-ratio:16/10;border:0;border-bottom:1px solid var(--line);background:var(--bg);}
.profile-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 28px;}
.profile-meta{display:flex;align-items:center;gap:16px;}
.profile-meta .ic{margin-bottom:0;flex:0 0 auto;}
.profile-meta h3{margin-bottom:4px;}
.profile-bar .card-actions{margin-top:0;padding-top:0;}
.profile-open{display:none;}

/* 20. Language toggle (links between /ar/ and /en/)
   Must stay after .nav-links a (same specificity).
   ========================================================================== */
.lang-toggle a,.lang-toggle span{display:inline-block;background:none;border:0;color:var(--txt);padding:7px 12px;font-size:.8rem;text-decoration:none;line-height:1;}
.lang-toggle span.active{background:var(--red);color:#fff;}
.lang-toggle a:hover{color:var(--red);}

/* 21. Private Label — facility gallery & lightbox
   ========================================================================== */
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 30px;}
.gallery-filters button{font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.05em;cursor:pointer;
  padding:9px 20px;border-radius:2px;border:1px solid var(--line);background:var(--bg-3);color:var(--muted);
  transition:color var(--dur),border-color var(--dur),background var(--dur);}
.gallery-filters button:hover{border-color:var(--gold-soft);color:var(--gold);}
.gallery-filters button.active{background:var(--red);border-color:var(--red);color:#fff;}

.facility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.shot{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur);}
.shot:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--gold-soft);}
.shot.is-hidden{display:none;}
.shot-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative;}
.shot-open::after{content:'';position:absolute;inset:0;border:1px solid rgba(201,168,106,.22);pointer-events:none;}
.shot-open img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s var(--ease);}
.shot:hover .shot-open img{transform:scale(1.06);}
.shot figcaption{padding:14px 18px;font-size:.86rem;font-weight:700;color:var(--txt);
  border-top:2px solid var(--gold-soft);}

.lightbox{position:fixed;inset:0;z-index:150;background:rgba(10,8,9,.95);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;}
.lightbox[hidden]{display:none;}
.lightbox img{max-width:min(1100px,94vw);max-height:78vh;border-radius:var(--radius);
  box-shadow:var(--sh-3);border:1px solid rgba(201,168,106,.25);}
.lightbox p{color:#fff;font-weight:700;font-size:.95rem;text-align:center;}
.lightbox-close{position:absolute;top:16px;inset-inline-end:22px;background:none;border:0;color:#fff;
  font-size:2.3rem;line-height:1;cursor:pointer;padding:6px;transition:color .2s;}
.lightbox-close:hover{color:var(--gold);}

/* 22. Private Label / B2B — timeline, capability chips, B2B hero
   ========================================================================== */
/* horizontal process timeline */
.timeline{counter-reset:tl;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px 18px;}
.tl-step{position:relative;}
.tl-step::before{counter-increment:tl;content:counter(tl,decimal-leading-zero);
  font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;color:var(--gold);
  display:block;line-height:1;margin-bottom:12px;}
.tl-step::after{content:'';position:absolute;top:12px;inset-inline-start:48px;inset-inline-end:-6px;height:1px;
  background:linear-gradient(to right,var(--gold-soft),transparent);}
html[dir="rtl"] .tl-step::after{background:linear-gradient(to left,var(--gold-soft),transparent);}
.tl-step:last-child::after{display:none;}
.tl-step h3{font-size:.98rem;margin-bottom:6px;}
.tl-step p{color:var(--muted);font-size:.85rem;line-height:1.55;}

/* capability / packaging chips */
.cap-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.cap-chips span{border:1px solid var(--line);background:var(--bg-3);padding:9px 18px;border-radius:2px;
  font-size:.85rem;font-weight:600;color:var(--txt);transition:border-color var(--dur),color var(--dur);}
.cap-chips span:hover{border-color:var(--gold-soft);color:var(--gold);}
.cap-group h3{font-size:1.05rem;margin-bottom:2px;}
.cap-group + .cap-group{margin-top:30px;}

/* keyword line under the B2B intro */
.pl-keywords{color:var(--muted);font-size:.82rem;letter-spacing:.04em;margin-top:26px;}

/* homepage B2B hero */
.b2b-hero{position:relative;display:flex;align-items:center;min-height:72vh;padding:130px 0;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);}
.b2b-hero-media{position:absolute;inset:0;z-index:-1;}
.b2b-hero-media img{width:100%;height:100%;object-fit:cover;}
.b2b-hero-media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(12,9,10,.94) 28%,rgba(12,9,10,.62) 62%,rgba(181,25,30,.22)),
             radial-gradient(ellipse at 85% 15%,rgba(201,168,106,.18),transparent 55%);}
.b2b-title{font-size:clamp(2rem,4.8vw,3.4rem);max-width:22ch;}
.b2b-sub{color:#cfc6bd;max-width:640px;font-size:1.06rem;}
.b2b-badges{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 4px;}
.b2b-badges span{border:1px solid var(--gold-soft);color:var(--gold);background:rgba(12,9,10,.4);
  padding:9px 18px;border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}

/* 23. Responsive & reduced motion
   ========================================================================== */
@media(max-width:1020px){
  .nav-burger{display:block;}
  .nav-links{position:fixed;inset:70px 0 auto 0;background:var(--bg-2);flex-direction:column;padding:26px;gap:18px;transform:translateY(-140%);transition:transform .32s var(--ease);border-bottom:1px solid var(--line);}
  .nav-links.open{transform:none;}
}
/* narrow desktop: keep the header logo compact so the full nav fits on one line */
@media(min-width:1021px) and (max-width:1180px){
  .nav-logo-img{height:38px;}
}
@media(max-width:880px){
  .split{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .b2b-hero{min-height:0;padding:90px 0;}
}
@media(max-width:768px){
  .profile-frame{display:none;}
  .profile-open{display:inline-flex;}
}
@media(max-width:640px){
  .form-row{grid-template-columns:1fr;}
  .tl-step::after{display:none;}
}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .hero-media img{animation:none;}
  html{scroll-behavior:auto;}
  .shot,.shot-open img{transition:none;}
}

/* 24. B2B funnels — path cards, checklist, form hint (v15)
   ========================================================================== */
/* homepage / cross-funnel path cards: whole card is one link */
.path-card{display:flex;flex-direction:column;gap:6px;}
.path-card h3{font-size:1.3rem;}
.path-card ul{list-style:none;display:grid;gap:6px;margin:10px 0 4px;color:var(--muted);font-size:.9rem;}
.path-card ul li::before{content:'—';color:var(--gold);margin-inline-end:8px;}
.path-card .path-go{margin-top:auto;padding-top:14px;color:var(--gold);font-weight:700;font-size:.9rem;letter-spacing:.02em;}
.path-card:hover .path-go{color:#fff;}
/* "what to send us" checklist */
.checklist{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.checklist li{display:flex;gap:12px;align-items:flex-start;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-size:.92rem;}
.checklist li i{color:var(--gold);margin-top:4px;}
/* optional-field hint on the contact form */
.field .opt{color:var(--muted);font-weight:400;font-size:.78rem;}
.form-note{color:var(--muted);font-size:.82rem;margin:-4px 0 16px;}
/* long option labels must not widen the contact grid on small screens */
.split>*,.form-row>*{min-width:0;}
.field select{min-width:0;max-width:100%;text-overflow:ellipsis;}