/* G&D United — mobile & tablet layer.
   Everything here is scoped to max-width:1023.98px (header/menu) or max-width:767.98px (layout),
   so desktop (>=1024px) renders exactly as before. Mobile-only elements are hidden by default. */
.gnd-m-logo,.gnd-burger,.gnd-m-only,#gnd-menu{display:none}

@media (max-width:1023.98px){
  /* ---------- header ---------- */
  header.sticky>div:first-child{height:80px!important;padding-top:0!important;padding-bottom:0!important;transition:height .3s ease}
  header.sticky.gnd-scrolled>div:first-child{height:62px!important}
  #nav-logo-home>img:not(.gnd-m-logo),#nav-logo-home>span{display:none!important}
  #nav-logo-home .gnd-m-logo{display:block!important;width:106px;height:auto;transition:width .3s ease}
  header.gnd-scrolled #nav-logo-home .gnd-m-logo{width:88px}
  .gnd-burger{display:inline-flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;border-radius:999px;
    background:#0B1F3D;border:0;cursor:pointer;flex-shrink:0;box-shadow:0 10px 24px -10px rgba(11,31,61,.55);-webkit-tap-highlight-color:transparent}
  .gnd-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#FEFAE0;transition:transform .3s ease,opacity .2s ease}
  .gnd-burger span:nth-child(2){width:12px;margin-left:6px;background:#FFB01E}
  #nav-cta-procurement{margin-left:auto}
  header.sticky>div:first-child{gap:10px!important}

  /* ---------- full-screen menu ---------- */
  #gnd-menu{display:flex!important;flex-direction:column;position:fixed;inset:0;z-index:200;overflow-y:auto;
    background:radial-gradient(120% 70% at 100% 0%,rgba(1,71,46,.55),transparent 60%),#0B1F3D;color:#FEFAE0;
    transform:translateY(-102%);visibility:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .5s;padding:0 22px 28px}
  body.gnd-menu-open #gnd-menu{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.16,1,.3,1)}
  body.gnd-menu-open{overflow:hidden}
  #gnd-menu .gm-top{display:flex;align-items:center;justify-content:space-between;height:80px;flex-shrink:0}
  #gnd-menu .gm-top img{width:106px;height:auto}
  #gnd-menu .gm-close{width:46px;height:46px;border-radius:999px;border:1px solid rgba(254,250,224,.25);background:transparent;color:#FEFAE0;display:flex;align-items:center;justify-content:center;cursor:pointer}
  #gnd-menu .gm-close svg{width:20px;height:20px}
  #gnd-menu nav{margin-top:18px;border-top:1px solid rgba(254,250,224,.12)}
  #gnd-menu nav a{display:flex;align-items:baseline;gap:14px;padding:17px 2px;border-bottom:1px solid rgba(254,250,224,.12);
    font-family:'Nunito',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.01em;color:#FEFAE0;text-decoration:none;
    opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}
  #gnd-menu nav a small{font-family:'Inter',sans-serif;font-weight:700;font-size:11px;letter-spacing:.18em;color:#FFB01E;min-width:22px}
  #gnd-menu nav a .gm-arrow{margin-left:auto;font-size:18px;color:rgba(254,250,224,.35)}
  #gnd-menu nav a.is-current{color:#C6E83A}
  #gnd-menu nav a.is-current .gm-arrow{color:#C6E83A}
  body.gnd-menu-open #gnd-menu nav a{opacity:1;transform:none}
  body.gnd-menu-open #gnd-menu nav a:nth-child(2){transition-delay:.04s}body.gnd-menu-open #gnd-menu nav a:nth-child(3){transition-delay:.08s}
  body.gnd-menu-open #gnd-menu nav a:nth-child(4){transition-delay:.12s}body.gnd-menu-open #gnd-menu nav a:nth-child(5){transition-delay:.16s}
  body.gnd-menu-open #gnd-menu nav a:nth-child(6){transition-delay:.2s}
  #gnd-menu .gm-ctas{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  #gnd-menu .gm-ctas a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;padding:15px 10px;
    font-family:'Nunito',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
  #gnd-menu .gm-ctas a:first-child{background:#F4A261;color:#01472E}
  #gnd-menu .gm-ctas a:last-child{border:1.5px solid rgba(254,250,224,.4);color:#FEFAE0}
  #gnd-menu .gm-foot{margin-top:auto;padding-top:28px;font-size:12px;line-height:1.7;color:rgba(254,250,224,.6)}
  #gnd-menu .gm-foot b{display:block;font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#FFB01E;margin-bottom:6px}
  #gnd-menu .gm-bar{height:3px;border-radius:3px;margin-top:18px;background:linear-gradient(90deg,#AACC30,#F5E04A,#FFB01E,#F06A1E,#D64545)}
}

@media (max-width:767.98px){
  #nav-cta-procurement{display:none!important}
  html{-webkit-text-size-adjust:100%}

  /* ---------- rhythm & type scale ---------- */
  .px-8{padding-left:20px!important;padding-right:20px!important}
  .py-24{padding-top:60px!important;padding-bottom:60px!important}
  .pt-24{padding-top:60px!important}.pb-24{padding-bottom:60px!important}
  .py-20{padding-top:48px!important;padding-bottom:48px!important}
  .py-16{padding-top:40px!important;padding-bottom:40px!important}
  .pt-16{padding-top:40px!important}.pb-16{padding-bottom:40px!important}
  .py-14{padding-top:36px!important;padding-bottom:36px!important}
  .py-12{padding-top:32px!important;padding-bottom:32px!important}
  .mt-24{margin-top:56px!important}.mb-14,.mb-12{margin-bottom:28px!important}
  .p-14{padding:36px 22px!important}.p-10{padding:24px!important}.p-9,.p-8{padding:24px!important}
  h1.text-\[52px\],h1.text-\[48px\]{font-size:34px!important;line-height:1.08!important;letter-spacing:-.015em}
  .text-\[36px\]{font-size:28px!important;line-height:1.12!important}
  .text-\[32px\]{font-size:26px!important;line-height:1.15!important}
  .text-\[28px\]{font-size:23px!important;line-height:1.2!important}
  .text-\[2\.3rem\],.text-\[2\.2rem\],.text-\[2\.1rem\],.text-\[2rem\]{font-size:27px!important;line-height:1.15!important}
  .rounded-\[3rem\]{border-radius:28px!important}.rounded-\[2\.75rem\]{border-radius:26px!important}
  .rounded-\[2\.25rem\],.rounded-\[2rem\]{border-radius:24px!important}
  .tracking-label{letter-spacing:.16em}

  /* ---------- card grids ---------- */
  /* swipeable rows (products, coconut SKUs, lanes) */
  div.grid.grid-cols-3,.gnd-swipe{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    gap:14px!important;margin-left:-20px;margin-right:-20px;padding:6px 20px 22px;scroll-padding:0 20px;scrollbar-width:none}
  div.grid.grid-cols-3::-webkit-scrollbar,.gnd-swipe::-webkit-scrollbar,div.grid.grid-cols-5::-webkit-scrollbar{display:none}
  div.grid.grid-cols-3>*{flex:0 0 76%;scroll-snap-align:start;min-width:0}
  div.grid.grid-cols-5{display:flex!important;overflow-x:auto;gap:8px!important;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scroll-padding:0 20px;scrollbar-width:none}
  div.grid.grid-cols-5>*{flex:0 0 auto;min-width:118px}
  section.grid.grid-cols-3,section.grid.grid-cols-2,div.grid.grid-cols-2.gap-10{grid-template-columns:1fr!important}
  .grid.grid-cols-4{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .gnd-swipe-hint{display:block!important}

  /* hero button rows on inner pages */
  .mt-8.flex.gap-3{gap:10px!important}
  .mt-8.flex.gap-3>a{white-space:nowrap;padding:13px 18px!important;font-size:13px!important}
  /* dark spec banner (products) */
  .rounded-\[2rem\].p-10.flex.justify-between{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  .rounded-\[2rem\].p-10.flex.justify-between>div:last-child{justify-content:flex-start!important}

  /* ---------- footer ---------- */
  footer .grid{grid-template-columns:1fr 1fr!important;gap:30px 18px!important}
  footer .grid>div:first-child,footer .grid>div:last-child{grid-column:1/-1}
  footer img[src*="gnd-lockup-compact-white"]{width:170px!important}

  /* =========== HOME (index) =========== */
  [data-sd-id="13"]{height:calc(100svh - 80px)!important;min-height:600px;max-height:760px}
  [data-sd-id="14"]{object-position:50% 72%}
  [data-sd-id="15"]{background-image:linear-gradient(180deg,rgba(8,22,44,.82) 0%,rgba(8,22,44,.55) 34%,rgba(8,22,44,.08) 60%,rgba(8,22,44,0) 82%,rgba(8,22,44,.28) 100%)!important}
  [data-sd-id="23"]{align-items:flex-start!important;justify-content:flex-start!important;padding:30px 20px 0!important}
  [data-sd-id="24"]{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
    padding:0!important;text-align:left!important;border-radius:0!important;max-width:360px!important}
  [data-sd-id="25"]{color:#FFB01E!important;font-size:10.5px!important;margin-bottom:12px!important}
  [data-sd-id="26"]{font-size:33px!important;line-height:1.08!important;color:#FEFAE0!important;margin-bottom:12px!important;text-shadow:0 2px 18px rgba(8,22,44,.35)}
  [data-sd-id="27"],[data-sd-id="31"]{display:none!important}
  .gnd-hero-m{display:block!important;color:rgba(254,250,224,.88);font-size:15px;line-height:1.5;margin:0 0 20px;max-width:330px}
  [data-sd-id="28"]{justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;margin-bottom:0!important}
  [data-sd-id="29"],[data-sd-id="30"]{padding:13px 18px!important;font-size:11.5px!important;letter-spacing:.14em!important;white-space:nowrap}
  [data-sd-id="29"]{background:#FEFAE0!important;color:#01472E!important}
  [data-sd-id="39"]{left:20px!important;right:20px!important;bottom:18px!important;transform:none!important;gap:8px!important;flex-wrap:wrap}
  [data-sd-id="39"]>span{padding:7px 12px!important;font-size:10.5px!important;background:rgba(254,250,224,.92)!important;box-shadow:0 8px 20px -10px rgba(8,22,44,.5)!important}
  /* lanes -> swipe row */
  [data-sd-id="43"]{padding-top:52px!important;padding-bottom:20px!important}
  [data-sd-id="48"]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -20px;padding:6px 20px 22px;scroll-padding:0 20px;scrollbar-width:none}
  [data-sd-id="48"]::-webkit-scrollbar{display:none}
  [data-sd-id="48"]>a{flex:0 0 62%;scroll-snap-align:start;padding:20px!important}
  [data-sd-id="69"]{margin-top:6px!important}
  /* map */
  [data-sd-id="70"]{padding-top:28px!important}
  [data-sd-id="74"]{padding:14px 14px 0!important}
  [data-sd-id="76"]{padding:22px 22px 28px!important}
  [data-sd-id="79"] span.text-\[15px\]{font-size:14px!important}
  /* product tiles: 2-up grid */
  [data-sd-id="102"]{grid-template-columns:1fr 1fr!important;gap:12px!important}
  [data-sd-id="102"]>div{border-radius:22px!important}
  [data-sd-id="102"] .h-44{height:104px!important}
  [data-sd-id="102"] .text-6xl{font-size:40px!important}
  [data-sd-id="102"] .p-5{padding:14px 16px 16px!important}
  [data-sd-id="102"] h3{font-size:16px!important;margin-bottom:6px!important}
  [data-sd-id="102"]>div:last-child{grid-column:1/-1}
  [data-sd-id="102"]>div:last-child .h-44{height:88px!important}
  /* QC chips */
  [data-sd-id="140"]{gap:10px!important}
  [data-sd-id="140"]>div{border-radius:18px!important;padding:13px 14px!important;gap:10px!important}
  [data-sd-id="140"] span{font-size:12.5px!important;line-height:1.25}
  /* programs */
  [data-sd-id="161"]{gap:14px!important}
  [data-sd-id="161"]>div{padding:24px!important}
  [data-sd-id="161"] .w-14{width:46px!important;height:46px!important;margin-bottom:16px!important;border-radius:14px!important}
  [data-sd-id="161"] h3{font-size:19px!important}
  [data-sd-id="161"] p{margin-bottom:14px!important}
  /* seasonal */
  [data-sd-id="182"]{gap:26px 14px!important}
  [data-sd-id="182"] .w-28{width:96px!important;height:96px!important}
  /* proof strip */
  [data-sd-id="203"]{padding-top:24px!important;padding-bottom:24px!important}
  [data-sd-id="204"]{gap:6px!important}
  /* contact CTA */
  [data-sd-id="218"]{padding:38px 22px!important}
  [data-sd-id="222"]{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  [data-sd-id="222"] a{text-align:center;padding:15px 20px!important}
  [data-sd-id="227"]{padding-top:48px!important;padding-bottom:40px!important}
}