body.grintek-corporate-home {
  --ink: #07130d;
  --green: #b9f227;
  --cream: #f4f5ed;
  --muted: #aab5ad;
  --line: rgba(255, 255, 255, .14);

  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
}

body.grintek-corporate-home,
body.grintek-corporate-home * {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.grintek-home {
  min-height: 100vh;
  background: var(--cream);
  color: var(--ink);
}

.grintek-home a {
  color: inherit;
  text-decoration: none;
}

.grintek-home .shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.grintek-home .hero { position: relative; min-height: 100vh; overflow: hidden; background: var(--ink); color: #fff; }
.grintek-home .hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .06; background-image: radial-gradient(#fff 0.7px, transparent .7px); background-size: 8px 8px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
.grintek-home .heroGlow { position: absolute; width: 780px; height: 780px; right: -260px; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(185,242,39,.17), rgba(185,242,39,0) 68%); }
.grintek-home .nav { position: relative; z-index: 5; height: 92px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px; border-bottom: 1px solid var(--line); }
.grintek-home .brand { display: inline-flex; align-items: center; gap: 10px; font-size: 23px; font-weight: 760; letter-spacing: -.06em; }
.grintek-home .brandLogo { display: block; width: auto; max-width: 145px; height: 36px; object-fit: contain; }
.grintek-home .brandMark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--green); color: var(--ink); font-size: 17px; font-weight: 900; letter-spacing: -.05em; transform: rotate(-6deg); }
.grintek-home .navLinks { display: flex; justify-self: center; gap: 24px; color: #cad2cc; font-size: 13px; }
.grintek-home .navLinks a, .grintek-home .navAction { transition: color .2s ease, transform .2s ease, border-color .2s ease, background .2s ease; }
.grintek-home .navLinks a:hover { color: var(--green); }
.grintek-home .navActions { display: flex; justify-content: flex-end; gap: 8px; }
.grintek-home .navAction { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #fff; font-size: 12px; font-weight: 720; white-space: nowrap; }
.grintek-home .navAction:hover, .grintek-home .navAction.is-active { transform: translateY(-1px); border-color: var(--green); color: var(--green); background: rgba(185,242,39,.06); }
.grintek-home .mobileMenu { display: none; position: relative; }
.grintek-home .mobileMenu summary { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; list-style: none; }
.grintek-home .mobileMenu summary::-webkit-details-marker { display: none; }
.grintek-home .mobileMenu summary i { color: var(--green); font-size: 16px; font-style: normal; font-weight: 400; transition: transform .2s ease; }
.grintek-home .mobileMenu[open] summary i { transform: rotate(45deg); }
.grintek-home .mobileMenu nav { position: absolute; top: calc(100% + 12px); right: 0; width: min(290px, calc(100vw - 32px)); display: grid; padding: 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: #102219; box-shadow: 0 22px 55px rgba(0,0,0,.36); }
.grintek-home .mobileMenu nav a { padding: 12px 13px; border-radius: 9px; color: #d8dfda; font-size: 13px; }
.grintek-home .mobileMenu nav a:hover { background: rgba(255,255,255,.07); color: var(--green); }
.grintek-home .mobileMenu nav a.mobileAction { margin-top: 5px; border: 1px solid rgba(255,255,255,.16); color: var(--green); }
.grintek-home .mobileMenu nav a.mobileAction:last-child { background: var(--green); color: var(--ink); font-weight: 760; }
.grintek-home .heroGrid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; min-height: 590px; padding-block: 64px 76px; }
.grintek-home .heroCopy { max-width: 650px; }
.grintek-home .eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 26px; color: #c5d0c8; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.grintek-home .eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(185,242,39,.11); }
.grintek-home h1, .grintek-home h2, .grintek-home h3, .grintek-home h4 { color: inherit !important; font-family: inherit; }
.grintek-home h1 { margin: 0; font-size: clamp(58px, 6.6vw, 92px); line-height: .94; letter-spacing: -.068em; font-weight: 720; }
.grintek-home .hero h1, .grintek-home .distributorCopy h2, .grintek-home .valueHeader h2, .grintek-home .contactIntro h2 { color: #fff !important; }
.grintek-home .heroLead { max-width: 590px; margin: 28px 0 30px; color: #b9c4bc; font-size: 18px; line-height: 1.64; }
.grintek-home .heroActions { display: flex; flex-wrap: wrap; gap: 12px; }
.grintek-home .grintekButton { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 52px; padding: 0 22px; border-radius: 12px; font-size: 14px; font-weight: 720; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.grintek-home .grintekButton:hover { transform: translateY(-2px); }
.grintek-home .buttonPrimary { background: var(--green); color: var(--ink); box-shadow: 0 14px 38px rgba(185,242,39,.15); }
.grintek-home .buttonGhost { border: 1px solid rgba(255,255,255,.25); color: #fff; }
.grintek-home .buttonGhost:hover { background: rgba(255,255,255,.07); }
.grintek-home .heroNote { margin: 22px 0 0; color: #8f9b93; font-size: 13px; }
.grintek-home .heroNote span { margin-right: 7px; color: var(--green); }
.grintek-home .heroVisual { position: relative; height: 520px; }
.grintek-home .heroIphonePhoto { position: absolute; z-index: 1; top: 50%; left: 50%; width: 108%; height: 108%; max-width: none; transform: translate(-50%, -50%); object-fit: contain; mix-blend-mode: lighten; pointer-events: none; }
.grintek-home .certCard { position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; right: 1px; bottom: 45px; padding: 13px 17px 13px 13px; border: 1px solid rgba(255,255,255,.19); border-radius: 14px; background: rgba(18,35,25,.83); box-shadow: 0 20px 45px rgba(0,0,0,.34); backdrop-filter: blur(14px); }
.grintek-home .certIcon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: var(--green); color: var(--ink); font-weight: 900; }
.grintek-home .certCard strong, .grintek-home .certCard small { display: block; }
.grintek-home .certCard strong { font-size: 12px; }
.grintek-home .certCard small { margin-top: 3px; color: #9eaaa2; font-size: 9px; }
.grintek-home .stats { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.grintek-home .stat { display: flex; flex-direction: column; gap: 5px; padding: 25px 26px 28px; border-right: 1px solid var(--line); }
.grintek-home .stat:first-child { padding-left: 0; }
.grintek-home .stat:last-child { border-right: 0; }
.grintek-home .stat strong { color: var(--green); font-size: 25px; letter-spacing: -.04em; }
.grintek-home .stat span { color: #8e9991; font-size: 12px; }

@media (max-width: 1020px) {
  .grintek-home .navLinks { display: none; }
  .grintek-home .navActions { margin-left: auto; }
  .grintek-home .mobileMenu { display: block; }
  .grintek-home .heroGrid { grid-template-columns: 1fr; padding-top: 72px; }
  .grintek-home .heroCopy { max-width: 700px; }
  .grintek-home .heroVisual { height: 500px; max-width: 520px; width: 100%; margin: 20px auto 0; }
  .grintek-home .stats { grid-template-columns: repeat(2, 1fr); }
  .grintek-home .stat:nth-child(2) { border-right: 0; }
  .grintek-home .stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .grintek-home .stat:nth-child(3) { padding-left: 0; }
}

@media (max-width: 560px) {
  .grintek-home .shell { width: min(100% - 32px, 1180px); }
  .grintek-home .nav { height: 74px; }
  .grintek-home .brandLogo { max-width: 122px; height: 31px; }
  .grintek-home .navActions { display: none; }
  .grintek-home .mobileMenu { margin-left: auto; }
  .grintek-home .heroGrid { min-height: 0; padding-block: 54px 50px; }
  .grintek-home h1 { font-size: clamp(49px, 15vw, 70px); }
  .grintek-home .heroLead { font-size: 16px; }
  .grintek-home .heroActions { display: grid; }
  .grintek-home .heroVisual { height: 440px; transform: scale(.86); transform-origin: top center; margin-bottom: -55px; }
  .grintek-home .certCard { right: -5px; }
  .grintek-home .stat { padding: 20px 12px; }
  .grintek-home .stat:first-child, .grintek-home .stat:nth-child(3) { padding-left: 0; }
  .grintek-home .stat strong { font-size: 22px; }
}

.grintek-home .trustStrip { border-bottom: 1px solid #d8dbd2; background: #fff; }
.grintek-home .trustRow { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.grintek-home .trustRow p { margin: 0 auto 0 0; color: #748077; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.grintek-home .trustRow span { color: #324037; font-size: 14px; font-weight: 680; }
.grintek-home .trustRow i { color: #bcc4bd; font-style: normal; }
.grintek-home .section { padding: 124px 0; }
.grintek-home .company { background: var(--cream); }
.grintek-home .sectionHeading { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; }
.grintek-home .sectionTag { display: flex; align-items: center; gap: 13px; margin: 8px 0 0; color: #667269; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.grintek-home .sectionTag span { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #b9c1ba; border-radius: 50%; font-size: 9px; letter-spacing: 0; }
.grintek-home .sectionTag.light { color: #aebbb2; }
.grintek-home .sectionTag.light span { border-color: rgba(255,255,255,.25); }
.grintek-home .sectionHeading h2, .grintek-home .distributorCopy h2, .grintek-home .journeyIntro h2, .grintek-home .sustainabilityCopy h2, .grintek-home .valueHeader h2, .grintek-home .faq h2, .grintek-home .contactIntro h2 { margin: 0; font-size: clamp(46px, 5.3vw, 76px); line-height: .98; letter-spacing: -.06em; font-weight: 710; }
.grintek-home .sectionHeading > div > p { max-width: 700px; margin: 30px 0 0; color: #5e6961; font-size: 18px; line-height: 1.65; }
.grintek-home .processGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 76px; }
.grintek-home .processCard { position: relative; min-height: 320px; padding: 26px; overflow: hidden; border: 1px solid #d8dcd4; border-radius: 18px; background: rgba(255,255,255,.52); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.grintek-home .processCard:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 24px 50px rgba(7,19,13,.08); }
.grintek-home .processNumber { color: #808b83; font-size: 11px; font-weight: 750; }
.grintek-home .processIcon { position: absolute; top: 22px; right: 22px; display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #d0d5ce; border-radius: 50%; }
.grintek-home .processCard h3 { margin: 128px 0 16px; font-size: 28px; letter-spacing: -.04em; }
.grintek-home .processCard p { margin: 0; color: #69746c; font-size: 14px; line-height: 1.65; }
.grintek-home .companyStatement { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; margin-top: 90px; padding-top: 34px; border-top: 1px solid #ccd1ca; }
.grintek-home .companyStatement p { margin: 0; color: #6e7971; font-size: 13px; }
.grintek-home .companyStatement strong { max-width: 760px; font-size: clamp(26px, 3.4vw, 45px); line-height: 1.15; letter-spacing: -.045em; font-weight: 650; }
.grintek-home .distributors { overflow: hidden; background: #0c2819; color: #fff; }
.grintek-home .distributorGrid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 110px; align-items: center; }
.grintek-home .distributorCopy > p:not(.sectionTag) { max-width: 510px; margin: 29px 0 30px; color: #b4c1b8; font-size: 17px; line-height: 1.65; }
.grintek-home .distributorCopy h2 { margin-top: 32px; }
.grintek-home .checkList { display: grid; gap: 13px; margin: 0 0 36px; padding: 0; list-style: none; }
.grintek-home .checkList li { color: #d9e1dc; font-size: 14px; }
.grintek-home .checkList span { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 9px; border-radius: 50%; background: rgba(185,242,39,.12); color: var(--green); font-size: 11px; }
.grintek-home .inventoryPanel { position: relative; min-height: 590px; padding: 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: rgba(255,255,255,.05); box-shadow: 0 55px 100px rgba(0,0,0,.24); }
.grintek-home .inventoryTop { display: flex; align-items: center; justify-content: space-between; padding: 4px 5px 20px; }
.grintek-home .inventoryTop > div { display: flex; align-items: center; gap: 10px; }
.grintek-home .inventoryTop strong { font-size: 13px; }
.grintek-home .miniMark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: var(--green); color: var(--ink); font-size: 13px; font-style: normal; font-weight: 900; transform: rotate(-5deg); }
.grintek-home .live { display: flex; align-items: center; gap: 6px; color: #bac6bd; font-size: 10px; }
.grintek-home .live i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(185,242,39,.1); }
.grintek-home .inventoryBody { min-height: 510px; padding: 12px; border-radius: 19px; background: #f6f7f2; color: var(--ink); }
.grintek-home .inventoryItem { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; padding: 18px 10px; border-bottom: 1px solid #dfe3dc; }
.grintek-home .phoneThumb { display: block; width: 54px; height: 68px; overflow: hidden; border: 1px solid #d9ded7; border-radius: 11px; background: #f2f3ed; box-shadow: 0 7px 14px rgba(7,19,13,.13); }
.grintek-home .phoneThumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.grintek-home .inventoryItem strong, .grintek-home .inventoryItem small { display: block; }
.grintek-home .inventoryItem strong { font-size: 13px; }
.grintek-home .inventoryItem small { margin-top: 5px; color: #778178; font-size: 10px; }
.grintek-home .stock { padding: 7px 9px; border-radius: 999px; background: #e6f7bc; color: #37500b; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.grintek-home .inventoryFoot { display: flex; justify-content: space-between; margin-top: 112px; padding: 16px 9px; border-top: 1px solid #dfe3dc; color: #7b867e; font-size: 10px; }
.grintek-home .inventoryFoot strong { color: #26342b; }
.grintek-home .floatingOrder { position: absolute; right: -34px; bottom: 72px; display: flex; align-items: center; gap: 12px; min-width: 210px; padding: 14px; border-radius: 14px; background: var(--green); color: var(--ink); box-shadow: 0 26px 50px rgba(0,0,0,.25); transform: rotate(-2deg); }
.grintek-home .floatingOrder > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--ink); color: var(--green); }
.grintek-home .floatingOrder small, .grintek-home .floatingOrder strong { display: block; }
.grintek-home .floatingOrder small { font-size: 9px; }
.grintek-home .floatingOrder strong { margin-top: 3px; font-size: 12px; }

.grintek-home .technology { background: #eceee7; }
.grintek-home .techHeading { margin-bottom: 74px; }
.grintek-home .techShowcase { display: grid; grid-template-columns: 1.3fr .7fr; gap: 24px; }
.grintek-home .dashboardMock { display: grid; grid-template-columns: 64px 1fr; min-height: 540px; overflow: hidden; border-radius: 23px; background: #0d1e14; color: #fff; box-shadow: 0 42px 90px rgba(7,19,13,.18); }
.grintek-home .dashNav { display: flex; flex-direction: column; align-items: center; gap: 19px; padding: 21px 0; border-right: 1px solid rgba(255,255,255,.08); }
.grintek-home .dashNav i { display: block; width: 21px; height: 21px; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; }
.grintek-home .dashMain { padding: 29px; }
.grintek-home .dashHeader { display: flex; justify-content: space-between; align-items: center; }
.grintek-home .dashHeader small, .grintek-home .dashHeader strong { display: block; }
.grintek-home .dashHeader small { color: #7f9185; font-size: 9px; text-transform: uppercase; }
.grintek-home .dashHeader strong { margin-top: 5px; font-size: 19px; }
.grintek-home .dashHeader > span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: #aab7af; font-size: 9px; }
.grintek-home .dashMetrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 27px 0 12px; }
.grintek-home .dashMetrics > div { min-height: 100px; padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.035); }
.grintek-home .dashMetrics small, .grintek-home .dashMetrics strong, .grintek-home .dashMetrics em { display: block; }
.grintek-home .dashMetrics small { color: #829088; font-size: 9px; }
.grintek-home .dashMetrics strong { margin: 9px 0 7px; font-size: 21px; }
.grintek-home .dashMetrics em { color: var(--green); font-size: 8px; font-style: normal; }
.grintek-home .dashChart { height: 302px; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.035); }
.grintek-home .chartHead { display: flex; align-items: center; justify-content: space-between; }
.grintek-home .chartHead strong { font-size: 11px; }
.grintek-home .chartHead span { color: #78867d; font-size: 8px; }
.grintek-home .bars { height: 205px; display: flex; align-items: flex-end; gap: 10px; padding: 24px 5px 10px; border-bottom: 1px solid rgba(255,255,255,.08); background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size: 100% 44px; }
.grintek-home .bars i { flex: 1; min-width: 5px; border-radius: 4px 4px 0 0; background: linear-gradient(to top, #417247, var(--green)); opacity: .86; }
.grintek-home .months { display: flex; justify-content: space-between; padding-top: 10px; color: #647269; font-size: 7px; }
.grintek-home .techGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.grintek-home .techCard { display: flex; align-items: center; gap: 14px; min-height: 114px; padding: 16px; border: 1px solid #d1d6ce; border-radius: 16px; background: rgba(255,255,255,.55); }
.grintek-home .techCard > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #dff0ad; color: #29400a; font-size: 11px; font-weight: 850; }
.grintek-home .techCard strong, .grintek-home .techCard small { display: block; }
.grintek-home .techCard strong { font-size: 13px; }
.grintek-home .techCard small { margin-top: 5px; color: #6e7971; font-size: 9px; }
.grintek-home .journey { background: #fff; }
.grintek-home .journeyIntro { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; margin-bottom: 66px; }
.grintek-home .timelineViewport { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: #a9b2aa transparent; scrollbar-width: thin; }
.grintek-home .timeline { position: relative; display: grid; grid-template-columns: repeat(5, minmax(190px, 1fr)); min-width: 1000px; margin: 0; padding-top: 1px; }
.grintek-home .timeline::before { content: ""; position: absolute; top: 8px; right: 8px; left: 8px; height: 1px; background: #cbd2cb; }
.grintek-home .timelineItem { position: relative; min-height: 255px; padding: 38px 27px 0 0; border-right: 1px solid #e1e5df; }
.grintek-home .timelineItem + .timelineItem { padding-left: 27px; }
.grintek-home .timelineItem:last-child { padding-right: 0; border-right: 0; }
.grintek-home .timelineDot { position: absolute; z-index: 1; left: 0; top: 0; width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: #809087; box-shadow: 0 0 0 1px #809087; }
.grintek-home .timelineItem:last-child .timelineDot { background: var(--green); box-shadow: 0 0 0 1px #6f8e20, 0 0 0 6px rgba(185,242,39,.18); }
.grintek-home .timelineYear { display: block; margin-bottom: 52px; color: #67746b; font-size: 13px; }
.grintek-home .timelineItem h3 { margin: 0 0 12px; font-size: 23px; letter-spacing: -.035em; }
.grintek-home .timelineItem p { max-width: 210px; margin: 0; color: #727d75; font-size: 13px; line-height: 1.6; }
.grintek-home .sustainability { overflow: hidden; background: var(--green); }
.grintek-home .sustainabilityGrid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; }
.grintek-home .circularVisual { position: relative; height: 600px; border: 1px solid rgba(7,19,13,.18); border-radius: 50%; }
.grintek-home .circularVisual::before, .grintek-home .circularVisual::after { content: ""; position: absolute; border-radius: 50%; border: 1px dashed rgba(7,19,13,.18); }
.grintek-home .circularVisual::before { inset: 58px; }
.grintek-home .circularVisual::after { inset: 123px; }
.grintek-home .circleText { position: absolute; left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 850; letter-spacing: .22em; }
.grintek-home .circleTop { top: 28px; }
.grintek-home .circleBottom { bottom: 28px; }
.grintek-home .circleArrow { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(7,19,13,.1); font-size: 330px; font-weight: 200; }
.grintek-home .miniDevice { position: absolute; z-index: 1; top: 50%; left: 50%; width: 185px; height: 358px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%) rotate(-6deg); border: 7px solid #dfe5dc; border-radius: 35px; background: radial-gradient(circle at 70% 10%, #67925a, #0a1d11 60%); color: #fff; box-shadow: 0 35px 70px rgba(7,19,13,.25); }
.grintek-home .miniDevice > span { position: absolute; top: 10px; width: 64px; height: 19px; border-radius: 999px; background: #040a06; }
.grintek-home .miniDevice strong { font-size: 65px; letter-spacing: -.08em; }
.grintek-home .miniDevice small { margin-top: 7px; color: #afbaa8; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.grintek-home .sustainabilityCopy .sectionTag { color: #354913; }
.grintek-home .sustainabilityCopy .sectionTag span { border-color: rgba(7,19,13,.26); }
.grintek-home .sustainabilityCopy h2 { margin-top: 35px; }
.grintek-home .sustainabilityCopy > p:not(.sectionTag) { max-width: 630px; margin: 30px 0 38px; font-size: 17px; line-height: 1.67; }
.grintek-home .impactGrid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(7,19,13,.25); }
.grintek-home .impactGrid > div { min-height: 130px; padding: 20px 18px 0 0; border-right: 1px solid rgba(7,19,13,.2); }
.grintek-home .impactGrid > div + div { padding-left: 18px; }
.grintek-home .impactGrid > div:last-child { border-right: 0; }
.grintek-home .impactGrid span, .grintek-home .impactGrid strong { display: block; }
.grintek-home .impactGrid span { margin-bottom: 20px; font-size: 9px; font-weight: 800; }
.grintek-home .impactGrid strong { max-width: 155px; font-size: 13px; line-height: 1.4; }

.grintek-home .channelValue { background: #07130d; color: #fff; }
.grintek-home .valueHeader { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; }
.grintek-home .valueCards { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 80px; border-top: 1px solid rgba(255,255,255,.15); }
.grintek-home .valueCards article { min-height: 255px; padding: 26px 24px 0; border-right: 1px solid rgba(255,255,255,.15); }
.grintek-home .valueCards article:first-child { padding-left: 0; }
.grintek-home .valueCards article:last-child { border-right: 0; }
.grintek-home .valueCards span { color: var(--green); font-size: 10px; font-weight: 800; }
.grintek-home .valueCards h3 { margin: 89px 0 15px; font-size: 25px; letter-spacing: -.04em; }
.grintek-home .valueCards p { max-width: 220px; margin: 0; color: #89968d; font-size: 13px; line-height: 1.55; }
.grintek-home .faq { background: var(--cream); }
.grintek-home .faqGrid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }
.grintek-home .faq h2 { margin-top: 36px; }
.grintek-home .faqList { border-top: 1px solid #cbd1ca; }
.grintek-home .faqList details { border-bottom: 1px solid #cbd1ca; }
.grintek-home .faqList summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 27px 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 690; }
.grintek-home .faqList summary::-webkit-details-marker { display: none; }
.grintek-home .faqList summary i { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border: 1px solid #c2c9c2; border-radius: 50%; font-style: normal; font-weight: 400; transition: transform .2s ease; }
.grintek-home .faqList details[open] summary i { transform: rotate(45deg); background: var(--green); border-color: var(--green); }
.grintek-home .faqList details p { max-width: 660px; margin: -7px 50px 28px 0; color: #69746d; font-size: 14px; line-height: 1.65; }
.grintek-home .contact { background: #103422; color: #fff; }
.grintek-home .contactGrid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.grintek-home .contactIntro h2 { margin-top: 36px; }
.grintek-home .contactIntro > p:not(.sectionTag) { max-width: 480px; margin: 27px 0 44px; color: #b2c1b7; font-size: 17px; line-height: 1.6; }
.grintek-home .contactDirect { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.grintek-home .contactDirect span { margin-bottom: 7px; color: #7f9386; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.grintek-home .contactDirect a { border-bottom: 1px solid rgba(255,255,255,.22); padding-bottom: 4px; font-size: 14px; }
.grintek-home .registrationHeader { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 70px; align-items: end; }
.grintek-home .registrationHeader .contactDirect { justify-self: end; }
.grintek-home .registrationEmbed { margin-top: 55px; color: var(--ink); }
.grintek-home .registrationEmbed .grintek-reg-container { width: 100%; max-width: none; margin: 0; }
.grintek-home .registrationEmbed .grintek-reg-row { overflow: hidden; border-radius: 22px; box-shadow: 0 40px 90px rgba(0,0,0,.2); }
.grintek-home .registrationUnavailable { padding: 30px; border-radius: 18px; background: #fff; color: var(--ink); }
.grintek-home .registrationUnavailable p { margin: 8px 0 0; }
.grintek-home .leadForm { padding: 34px; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: #f6f7f2; color: var(--ink); box-shadow: 0 40px 90px rgba(0,0,0,.2); }
.grintek-home .formHeading { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-bottom: 27px; }
.grintek-home .formHeading span { font-size: 20px; font-weight: 740; letter-spacing: -.03em; }
.grintek-home .formHeading small { color: #818b84; font-size: 9px; }
.grintek-home .formRow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.grintek-home .leadForm label { display: block; margin-bottom: 16px; color: #4e5a52; font-size: 10px; font-weight: 750; letter-spacing: .04em; }
.grintek-home .leadForm input, .grintek-home .leadForm select, .grintek-home .leadForm textarea { width: 100%; margin-top: 8px; border: 1px solid #d4d9d2; border-radius: 9px; outline: none; background: #fff; color: var(--ink); font: inherit; font-size: 13px; font-weight: 450; letter-spacing: 0; transition: border .2s ease, box-shadow .2s ease; }
.grintek-home .leadForm input, .grintek-home .leadForm select { height: 46px; padding: 0 13px; }
.grintek-home .leadForm textarea { resize: vertical; padding: 13px; }
.grintek-home .leadForm input:focus, .grintek-home .leadForm select:focus, .grintek-home .leadForm textarea:focus { border-color: #6b9011; box-shadow: 0 0 0 3px rgba(185,242,39,.24); }
.grintek-home .privacyCheck { display: flex !important; align-items: flex-start; gap: 9px; color: #737e76 !important; font-weight: 450 !important; line-height: 1.45; }
.grintek-home .privacyCheck input { flex: 0 0 auto; width: 15px; height: 15px; margin: 1px 0 0; accent-color: #6f9417; }
.grintek-home .privacyCheck a { color: #34510c; text-decoration: underline; }
.grintek-home .formButton { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border: 0; border-radius: 10px; background: var(--green); color: var(--ink); font: inherit; font-size: 13px; font-weight: 760; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.grintek-home .formButton:hover { transform: translateY(-2px); box-shadow: 0 13px 30px rgba(78,111,0,.18); }
.grintek-home .formSuccess { margin: 13px 0 0; color: #3e5a11; font-size: 11px; }
.grintek-home footer { padding: 70px 0 28px; background: #040a06; color: #fff; }
.grintek-home .footerTop { display: grid; grid-template-columns: .7fr .9fr 1fr auto; gap: 50px; align-items: start; padding-bottom: 72px; }
.grintek-home .footerBrand { align-self: start; }
.grintek-home .footerTop > p { margin: 0; color: #869188; font-size: 14px; line-height: 1.5; }
.grintek-home .footerNav { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 30px; color: #bec6c0; font-size: 12px; }
.grintek-home .footerNav a:hover, .grintek-home .footerBottom a:hover { color: var(--green); }
.grintek-home .footerArrow { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.grintek-home .footerBottom { display: flex; align-items: center; justify-content: space-between; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.12); color: #69746c; font-size: 10px; }
.grintek-home .footerBottom div { display: flex; gap: 24px; }
.grintek-home .footerBottom .claimsLink { display: inline-flex; align-items: center; gap: 9px; color: #fff !important; font-weight: 750; }
.grintek-home .footerBottom .claimsLink:hover { color: var(--green) !important; }
.grintek-home .claimsIcon { display: block; width: 34px; height: 27px; flex: 0 0 34px; object-fit: contain; }

/* Shared internal pages */
.grintek-home .innerNavBand { position: relative; z-index: 4; background: var(--ink); color: #fff; }
.grintek-home .commerceHero, .grintek-home .stockHero, .grintek-home .accountHero { position: relative; overflow: hidden; background: var(--ink); color: #fff; }
.grintek-home .commerceHero::after, .grintek-home .stockHero::after, .grintek-home .accountHero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .05; background-image: radial-gradient(#fff .7px, transparent .7px); background-size: 8px 8px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.grintek-home .commerceHeroContent, .grintek-home .stockHeroContent { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: end; padding-block: 105px 120px; }
.grintek-home .commerceHero h1, .grintek-home .stockHero h1 { color: #fff !important; font-size: clamp(57px, 6.4vw, 92px); }
.grintek-home .commerceHeroLead > p, .grintek-home .stockHeroContent > div:last-child > p { max-width: 560px; margin: 0 0 30px; color: #b5c1b8; font-size: 18px; line-height: 1.65; }

/* Store */
.grintek-home .storeChoices { background: var(--cream); }
.grintek-home .storeHeading { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; margin-bottom: 68px; }
.grintek-home .storeHeading h2 { margin: 0; font-size: clamp(46px, 5.3vw, 76px); line-height: .98; letter-spacing: -.06em; font-weight: 710; }
.grintek-home .storeCards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.grintek-home .storeCard { position: relative; min-height: 680px; overflow: hidden; padding: 46px; border: 1px solid rgba(255,255,255,.13); border-radius: 30px; background: #0a2014; color: #fff; box-shadow: 0 35px 80px rgba(7,19,13,.15); }
.grintek-home .storeCardStock { background: radial-gradient(circle at 92% 10%, rgba(185,242,39,.16), transparent 31%), #0a2014; }
.grintek-home .storeCardOrder { background: radial-gradient(circle at 82% 12%, rgba(110,143,120,.24), transparent 35%), #10251a; }
.grintek-home .storeCardGlow { position: absolute; right: -140px; bottom: -180px; width: 520px; height: 520px; border: 1px solid rgba(185,242,39,.16); border-radius: 50%; box-shadow: 0 0 0 58px rgba(185,242,39,.025), 0 0 0 116px rgba(185,242,39,.018); }
.grintek-home .storeCardCopy { position: relative; z-index: 4; width: 62%; }
.grintek-home .storeCardTag { display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.grintek-home .storeCardTag i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 6px rgba(185,242,39,.1); }
.grintek-home .storeCard h2 { max-width: 390px; margin: 28px 0 20px; color: #fff !important; font-size: clamp(41px, 4.1vw, 61px); line-height: .98; letter-spacing: -.055em; }
.grintek-home .storeCardCopy > p { max-width: 420px; margin: 0; color: #adbbb1; font-size: 15px; line-height: 1.62; }
.grintek-home .storeCard ul { display: grid; gap: 10px; margin: 28px 0 34px; padding: 0; color: #d6dfd8; font-size: 12px; list-style: none; }
.grintek-home .storeCard li::before { content: "✓"; margin-right: 9px; color: var(--green); font-weight: 900; }
.grintek-home .storeCard .grintekButton { justify-content: space-between; min-width: 230px; }
.grintek-home .stockVisual, .grintek-home .shipmentVisual { position: absolute; z-index: 2; right: 0; bottom: 0; width: 58%; height: 58%; }
.grintek-home .catalogOrbit { position: absolute; right: -70px; bottom: -70px; width: 390px; height: 390px; border: 1px solid rgba(185,242,39,.18); border-radius: 50%; }
.grintek-home .catalogPhone { position: absolute; bottom: -55px; display: block; width: 145px; height: 295px; padding: 6px; border: 3px solid #aebbb2; border-radius: 27px; background: linear-gradient(145deg, #6b7b70, #12251a 70%); box-shadow: 0 25px 48px rgba(0,0,0,.38); }
.grintek-home .catalogPhone i { display: block; width: 100%; height: 100%; border-radius: 20px; background: radial-gradient(circle at 70% 15%, rgba(185,242,39,.46), transparent 28%), #08150e; }
.grintek-home .catalogPhone i::before { content: ""; position: absolute; top: 15px; left: 50%; width: 44px; height: 13px; transform: translateX(-50%); border-radius: 999px; background: #030705; }
.grintek-home .catalogPhoneOne { right: 190px; transform: rotate(-11deg); }
.grintek-home .catalogPhoneTwo { right: 70px; bottom: -25px; transform: rotate(8deg); }
.grintek-home .catalogPhoneThree { right: -52px; bottom: -80px; transform: rotate(18deg); opacity: .7; }
.grintek-home .stockBadge, .grintek-home .shipmentEta { position: absolute; z-index: 5; right: 28px; bottom: 34px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: rgba(7,19,13,.86); color: #aab7ae; font-size: 9px; line-height: 1.45; backdrop-filter: blur(12px); }
.grintek-home .stockBadge strong, .grintek-home .shipmentEta strong { color: #fff; font-size: 11px; }
.grintek-home .shipmentRoute { position: absolute; right: -15px; bottom: 5px; width: 410px; height: 300px; border: 1px dashed rgba(185,242,39,.25); border-radius: 50% 50% 0 0; transform: rotate(-11deg); }
.grintek-home .shipmentPlane { position: absolute; right: 62px; top: 5px; color: var(--green); font-size: 49px; transform: rotate(8deg); }
.grintek-home .shipmentBox { position: absolute; display: grid; place-items: center; width: 145px; height: 125px; border: 1px solid #849187; background: linear-gradient(145deg, #657269, #27372e); box-shadow: 0 24px 40px rgba(0,0,0,.3); transform: skewY(-5deg); }
.grintek-home .shipmentBox::after { content: ""; position: absolute; top: 0; bottom: 0; width: 26px; background: rgba(185,242,39,.6); }
.grintek-home .shipmentBox i { position: relative; z-index: 1; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--ink); color: var(--green); font-style: normal; font-weight: 900; }
.grintek-home .boxOne { right: 205px; bottom: 20px; }
.grintek-home .boxTwo { right: 67px; bottom: 72px; }
.grintek-home .boxThree { right: -55px; bottom: -1px; opacity: .68; }
.grintek-home .shipmentEta { right: 30px; bottom: 32px; }
.grintek-home .storeAssurance { padding: 0 0 105px; background: var(--cream); }
.grintek-home .assuranceGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #cbd1c9; }
.grintek-home .assuranceGrid article { min-height: 185px; padding: 26px 25px 0; border-right: 1px solid #cbd1c9; }
.grintek-home .assuranceGrid article:first-child { padding-left: 0; }
.grintek-home .assuranceGrid article:last-child { border-right: 0; }
.grintek-home .assuranceGrid span, .grintek-home .assuranceGrid strong { display: block; }
.grintek-home .assuranceGrid span { color: #77827a; font-size: 10px; font-weight: 800; }
.grintek-home .assuranceGrid strong { margin-top: 49px; font-size: 19px; }
.grintek-home .assuranceGrid p { margin: 11px 0 0; color: #6d7970; font-size: 12px; line-height: 1.55; }

/* Login */
.grintek-home .loginPage { position: relative; overflow: hidden; padding: 105px 0 120px; background: var(--cream); }
.grintek-home .loginGlow { position: absolute; top: -230px; right: -150px; width: 690px; height: 690px; border-radius: 50%; background: radial-gradient(circle, rgba(185,242,39,.24), transparent 68%); }
.grintek-home .loginLayout { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 95px; align-items: center; }
.grintek-home .loginIntro h1 { margin: 36px 0 30px; font-size: clamp(56px, 6.2vw, 86px); }
.grintek-home .loginIntro > p:not(.sectionTag):not(.loginRegister) { max-width: 545px; margin: 0; color: #647067; font-size: 17px; line-height: 1.65; }
.grintek-home .loginBenefits { display: grid; gap: 0; max-width: 510px; margin-top: 40px; border-top: 1px solid #cbd1ca; }
.grintek-home .loginBenefits > div { display: flex; align-items: center; gap: 13px; padding: 17px 0; border-bottom: 1px solid #cbd1ca; font-size: 13px; }
.grintek-home .loginBenefits span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #dff4a8; color: #36500a; font-size: 10px; }
.grintek-home .loginRegister { margin: 30px 0 0; color: #657168; font-size: 13px; }
.grintek-home .loginRegister a { color: #466508; font-weight: 800; }
.grintek-home .loginEmbed { justify-self: end; width: min(100%, 560px); }
.grintek-home .loginEmbed .grintek-login-container, .grintek-home .loginEmbed .grintek-reg-container { width: 100%; margin: 0; }
.grintek-home .loginEmbed .grintek-login-box { border-color: rgba(185,242,39,.3); box-shadow: 0 45px 95px rgba(7,19,13,.23); }

/* Stock table */
.grintek-home .stockHeroContent { align-items: center; padding-block: 80px 92px; }
.grintek-home .stockPromises { display: flex; flex-wrap: wrap; gap: 9px; }
.grintek-home .stockPromises span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #c2cdc5; font-size: 10px; }
.grintek-home .stockPromises i { color: var(--green); font-style: normal; }
.grintek-home .stockCatalog { background: var(--cream); }
.grintek-home .catalogHeading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; margin-bottom: 48px; }
.grintek-home .catalogHeading h2 { margin: 30px 0 0; font-size: clamp(45px, 5vw, 69px); line-height: 1; letter-spacing: -.055em; }
.grintek-home .catalogHeading > p { max-width: 470px; margin: 0; color: #667269; font-size: 14px; line-height: 1.6; }
.grintek-home .productTableEmbed { min-height: 360px; padding: 28px; overflow: hidden; border: 1px solid #d4dad2; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 30px 70px rgba(7,19,13,.09); }
.grintek-home .productTableEmbed .wc-product-table-wrapper, .grintek-home .productTableEmbed .dataTables_wrapper { width: 100%; max-width: 100%; }
.grintek-home .productTableEmbed .wc-product-table-above, .grintek-home .productTableEmbed .wc-product-table-controls, .grintek-home .productTableEmbed .dataTables_length, .grintek-home .productTableEmbed .dataTables_filter { margin-bottom: 18px; color: #5f6c63; font-size: 12px; }
.grintek-home .productTableEmbed table { width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden; border: 1px solid #d8ded7 !important; border-radius: 13px; background: #fff; color: var(--ink); font-size: 13px; }
.grintek-home .productTableEmbed thead th { padding: 15px 13px !important; border: 0 !important; background: var(--ink) !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; }
.grintek-home .productTableEmbed tbody td { padding: 14px 13px !important; border: 0 !important; border-bottom: 1px solid #e0e5df !important; background: #fff !important; color: #28362d !important; vertical-align: middle; }
.grintek-home .productTableEmbed tbody tr:last-child td { border-bottom: 0 !important; }
.grintek-home .productTableEmbed tbody tr:hover td { background: #f7f9f3 !important; }
.grintek-home .productTableEmbed input:not([type="checkbox"]):not([type="radio"]), .grintek-home .productTableEmbed select { min-height: 42px; padding: 0 11px; border: 1px solid #ccd4cc !important; border-radius: 8px !important; outline: 0; background-color: #fff !important; color: var(--ink) !important; box-shadow: none !important; font: inherit; }
.grintek-home .productTableEmbed input:focus, .grintek-home .productTableEmbed select:focus { border-color: #729514 !important; box-shadow: 0 0 0 3px rgba(185,242,39,.2) !important; }
.grintek-home .productTableEmbed button, .grintek-home .productTableEmbed .button, .grintek-home .productTableEmbed a.button { min-height: 42px; padding: 0 15px !important; border: 1px solid var(--green) !important; border-radius: 8px !important; background: var(--green) !important; color: var(--ink) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 800 !important; line-height: 40px !important; text-decoration: none !important; }
.grintek-home .productTableEmbed button:hover, .grintek-home .productTableEmbed .button:hover { transform: translateY(-1px); background: #c7ff36 !important; }
.grintek-home .productTableEmbed .woocommerce-message, .grintek-home .productTableEmbed .woocommerce-info { margin: 0 0 20px; padding: 15px 17px; border: 1px solid #cfe29d; border-radius: 10px; background: #f1f9df; color: #32450d; }
.grintek-home .productTableEmbed .dataTables_info, .grintek-home .productTableEmbed .dataTables_paginate { margin-top: 18px; color: #69756c; font-size: 11px; }
.grintek-home .productTableEmbed .paginate_button { display: inline-grid; min-width: 34px; height: 34px; margin-left: 4px; place-items: center; border: 1px solid #d2d8d1; border-radius: 7px; cursor: pointer; }

/* Cart, checkout and USA orders */
.grintek-home .transactionHero, .grintek-home .orderHero { position: relative; overflow: hidden; background: var(--ink); color: #fff; }
.grintek-home .transactionHero::after, .grintek-home .orderHero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .05; background-image: radial-gradient(#fff .7px, transparent .7px); background-size: 8px 8px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.grintek-home .transactionHeroContent, .grintek-home .orderHeroContent { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: center; padding-block: 84px 102px; }
.grintek-home .transactionHero h1, .grintek-home .orderHero h1 { max-width: 720px; color: #fff !important; font-size: clamp(56px, 6.2vw, 88px); }
.grintek-home .transactionHeroLead > p, .grintek-home .orderHeroLead > p { max-width: 570px; margin: 0 0 28px; color: #b5c1b8; font-size: 17px; line-height: 1.65; }
.grintek-home .purchaseSteps, .grintek-home .orderConditions { display: flex; flex-wrap: wrap; gap: 9px; }
.grintek-home .purchaseSteps span, .grintek-home .orderConditions span { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #98a69d; font-size: 10px; }
.grintek-home .purchaseSteps span.is-current { border-color: rgba(185,242,39,.48); background: rgba(185,242,39,.08); color: #fff; }
.grintek-home .purchaseSteps i, .grintek-home .orderConditions i { color: var(--green); font-style: normal; font-weight: 850; }
.grintek-home .cartCount { display: block; margin-top: 20px; color: var(--green); font-size: 11px; font-weight: 780; }
.grintek-home .commerceWorkspace, .grintek-home .orderWorkspace { background: var(--cream); }
.grintek-home .commerceHeading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-bottom: 48px; }
.grintek-home .commerceHeading h2 { margin: 30px 0 0; font-size: clamp(45px, 5vw, 69px); line-height: 1; letter-spacing: -.055em; }
.grintek-home .commerceHeading > p { max-width: 470px; margin: 0; color: #667269; font-size: 14px; line-height: 1.6; }
.grintek-home .commerceEmbed { min-height: 320px; color: var(--ink); }
.grintek-home .commerceEmbed > .woocommerce { width: 100% !important; max-width: none !important; margin: 0 !important; }
.grintek-home .commerceEmbed .woocommerce-notices-wrapper:empty { display: none; }
.grintek-home .commerceEmbed .woocommerce-message, .grintek-home .commerceEmbed .woocommerce-info, .grintek-home .commerceEmbed .woocommerce-error { margin: 0 0 20px !important; padding: 15px 18px 15px 46px !important; border: 1px solid #cfe29d !important; border-radius: 11px; background: #f1f9df; color: #32450d; list-style: none; }
.grintek-home .commerceEmbed .woocommerce-error { border-color: #efc8c8 !important; background: #fff3f3; color: #7b3333; }
.grintek-home .commerceEmbed h2, .grintek-home .commerceEmbed h3 { color: var(--ink) !important; letter-spacing: -.035em; }
.grintek-home .commerceEmbed h2 { font-size: clamp(28px, 3vw, 39px); }
.grintek-home .commerceEmbed h3 { font-size: 22px; }
.grintek-home .commerceEmbed table { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; color: #344139; }
.grintek-home .commerceEmbed table th, .grintek-home .commerceEmbed table td { border: 0 !important; border-bottom: 1px solid #dce2dc !important; }
.grintek-home .commerceEmbed table th { padding: 14px 13px !important; background: var(--ink); color: #fff !important; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.grintek-home .commerceEmbed table td { padding: 17px 13px !important; background: #fff; font-size: 13px; vertical-align: middle !important; }
.grintek-home .commerceEmbed table tr:last-child td { border-bottom: 0 !important; }
.grintek-home .commerceEmbed input:not([type="checkbox"]):not([type="radio"]), .grintek-home .commerceEmbed select, .grintek-home .commerceEmbed textarea { min-height: 48px; padding: 0 13px !important; border: 1px solid #cbd3cb !important; border-radius: 9px !important; outline: 0; background: #fff !important; color: var(--ink) !important; box-shadow: none !important; font: inherit; }
.grintek-home .commerceEmbed textarea { min-height: 118px; padding-block: 12px !important; }
.grintek-home .commerceEmbed input:focus, .grintek-home .commerceEmbed select:focus, .grintek-home .commerceEmbed textarea:focus { border-color: #729514 !important; box-shadow: 0 0 0 3px rgba(185,242,39,.2) !important; }
.grintek-home .commerceEmbed label { color: #465249; font-size: 11px; font-weight: 760; }
.grintek-home .commerceEmbed button, .grintek-home .commerceEmbed .button, .grintek-home .commerceEmbed a.button { display: inline-flex !important; min-height: 45px; align-items: center; justify-content: center; padding: 0 18px !important; border: 1px solid var(--green) !important; border-radius: 9px !important; background: var(--green) !important; color: var(--ink) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 820 !important; line-height: 43px !important; text-decoration: none !important; transition: transform .2s ease, background .2s ease; }
.grintek-home .commerceEmbed button:hover, .grintek-home .commerceEmbed .button:hover { transform: translateY(-1px); background: #c7ff36 !important; }
.grintek-home .commerceEmbed a:not(.button) { color: #4f6f08; font-weight: 720; }
.grintek-home .commerceEmbed .select2-container { width: 100% !important; }
.grintek-home .commerceEmbed .select2-selection { min-height: 48px !important; border: 1px solid #cbd3cb !important; border-radius: 9px !important; background: #fff !important; }
.grintek-home .commerceEmbed .select2-selection__rendered { padding-left: 13px !important; color: var(--ink) !important; line-height: 46px !important; }
.grintek-home .commerceEmbed .select2-selection__arrow { top: 10px !important; right: 8px !important; }
.grintek-home .cartEmbed .woocommerce-cart-form { overflow: hidden; border: 1px solid #d5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .cartEmbed .shop_table { margin: 0 !important; }
.grintek-home .cartEmbed .product-thumbnail img { width: 72px !important; border-radius: 10px; }
.grintek-home .cartEmbed .product-name a { color: var(--ink); font-weight: 780; }
.grintek-home .cartEmbed .product-remove a { display: grid !important; width: 30px; height: 30px; place-items: center; border: 1px solid #e2d1d1; border-radius: 50%; color: #9a4d4d !important; font-size: 19px; line-height: 1; }
.grintek-home .cartEmbed .quantity .qty { width: 78px !important; min-height: 42px; text-align: center; }
.grintek-home .cartEmbed td.actions { padding: 18px !important; background: #f8faf6 !important; }
.grintek-home .cartEmbed .coupon { display: flex; gap: 8px; }
.grintek-home .cartEmbed .coupon label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.grintek-home .cartEmbed .coupon input { width: 190px !important; }
.grintek-home .cartEmbed .cart-collaterals { display: flex; justify-content: flex-end; margin-top: 24px; }
.grintek-home .cartEmbed .cart_totals { float: none !important; width: min(100%, 490px) !important; padding: 28px; border: 1px solid #d5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .cartEmbed .cart_totals h2 { margin: 0 0 20px; }
.grintek-home .cartEmbed .cart_totals table { margin: 0 0 20px !important; }
.grintek-home .cartEmbed .cart_totals table th { width: 42%; background: #f4f7f1; color: #536057 !important; letter-spacing: .04em; }
.grintek-home .cartEmbed .wc-proceed-to-checkout { padding: 0 !important; }
.grintek-home .cartEmbed .checkout-button { width: 100%; min-height: 54px !important; font-size: 13px !important; }
.grintek-home .cartEmbed .cart-empty, .grintek-home .cartEmbed .return-to-shop { text-align: center; }
.grintek-home .cartEmbed .cart-empty { margin: 0 !important; padding: 52px 25px 20px !important; background: transparent; font-size: 20px; font-weight: 760; }
.grintek-home .cartEmbed .return-to-shop { margin: 0; padding: 0 0 52px; }
.grintek-home .checkoutEmbed .woocommerce-form-coupon-toggle, .grintek-home .checkoutEmbed .woocommerce-form-login-toggle { margin-bottom: 16px; }
.grintek-home .checkoutEmbed .checkout_coupon, .grintek-home .checkoutEmbed .woocommerce-form-login { margin: 0 0 24px !important; padding: 22px !important; border: 1px solid #d5dbd4 !important; border-radius: 13px; background: #fff; }
.grintek-home .checkoutEmbed form.checkout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(350px, .88fr); grid-template-rows: auto; gap: 0 32px; align-items: start; }
.grintek-home .checkoutEmbed form.checkout > .col2-set { grid-column: 1; grid-row: 1; width: auto !important; padding: 28px; border: 1px solid #d5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .checkoutEmbed .col2-set .col-1, .grintek-home .checkoutEmbed .col2-set .col-2 { float: none !important; width: 100% !important; }
.grintek-home .checkoutEmbed .woocommerce-billing-fields h3, .grintek-home .checkoutEmbed .woocommerce-shipping-fields h3 { margin: 0 0 24px; }
.grintek-home .checkoutEmbed .woocommerce-additional-fields { margin-top: 26px; }
.grintek-home .checkoutEmbed .form-row { margin: 0 0 16px !important; padding: 0 !important; }
.grintek-home .checkoutEmbed .form-row-first, .grintek-home .checkoutEmbed .form-row-last { width: calc(50% - 7px) !important; }
.grintek-home .checkoutEmbed .form-row-first { float: left !important; }
.grintek-home .checkoutEmbed .form-row-last { float: right !important; }
.grintek-home .checkoutEmbed .form-row-wide { clear: both; }
.grintek-home .checkoutEmbed #order_review_heading { position: relative; z-index: 2; grid-column: 2; grid-row: 1; align-self: start; margin: 0; padding: 24px 28px 18px; border: 1px solid #d5dbd4; border-bottom: 0; border-radius: 17px 17px 0 0; background: var(--ink); color: #fff !important; font-size: 25px; }
.grintek-home .checkoutEmbed #order_review { grid-column: 2; grid-row: 1; align-self: start; width: 100%; padding: 88px 28px 28px; border: 1px solid #d5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .checkoutEmbed #order_review table { margin: 0 0 22px !important; }
.grintek-home .checkoutEmbed #order_review table th { background: #f3f6f1; color: #526057 !important; letter-spacing: .04em; }
.grintek-home .checkoutEmbed #payment { border-radius: 12px !important; background: #f4f7f1 !important; }
.grintek-home .checkoutEmbed #payment ul.payment_methods { margin: 0 !important; padding: 20px !important; border-bottom: 1px solid #d5dbd4 !important; list-style: none; }
.grintek-home .checkoutEmbed #payment li { margin: 0 0 13px !important; }
.grintek-home .checkoutEmbed #payment li:last-child { margin-bottom: 0 !important; }
.grintek-home .checkoutEmbed #payment .payment_box { margin: 12px 0 !important; padding: 14px !important; border-radius: 9px !important; background: #e8eee5 !important; color: #58645b; font-size: 12px; }
.grintek-home .checkoutEmbed #payment .place-order { margin: 0 !important; padding: 20px !important; }
.grintek-home .checkoutEmbed #place_order { width: 100%; min-height: 54px !important; font-size: 13px !important; }
.grintek-home .checkoutEmbed.is-order-received > .woocommerce { padding: 30px; border: 1px solid #d5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .checkoutEmbed .woocommerce-order-overview { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0 0 30px !important; padding: 0 !important; overflow: hidden; border-radius: 12px; background: #dce2dc; list-style: none; }
.grintek-home .checkoutEmbed .woocommerce-order-overview li { min-width: 0; margin: 0 !important; padding: 17px !important; border: 0 !important; background: #f4f7f1; color: #69756c; font-size: 9px; }
.grintek-home .checkoutEmbed .woocommerce-order-overview strong { display: block; margin-top: 7px; overflow-wrap: anywhere; color: var(--ink); font-size: 12px; }
.grintek-home .orderEmbed > * { max-width: none !important; }
.grintek-home .orderEmbed table { overflow: hidden; border: 1px solid #d5dbd4 !important; border-radius: 15px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.06); }
.grintek-home .orderEmbed form, .grintek-home .orderEmbed .products, .grintek-home .orderEmbed .product-table-wrapper { width: 100%; }
.grintek-home .orderEmpty { display: grid; min-height: 390px; place-items: center; align-content: center; padding: 48px 24px; border: 1px solid #d4dbd3; border-radius: 18px; background: #fff; text-align: center; box-shadow: 0 24px 58px rgba(7,19,13,.06); }
.grintek-home .orderEmpty > span { color: #607058; font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.grintek-home .orderEmpty h2 { max-width: 650px; margin: 18px 0 12px; font-size: clamp(34px, 5vw, 58px); }
.grintek-home .orderEmpty p { max-width: 610px; margin: 0 0 28px; color: #6d7970; line-height: 1.65; }
.grintek-home .buttonDark { background: var(--ink); color: #fff; }
.grintek-home .purchaseAssurance { padding: 0 0 92px; background: var(--cream); }
.grintek-home .purchaseAssuranceGrid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cbd1c9; border-bottom: 1px solid #cbd1c9; }
.grintek-home .purchaseAssuranceGrid span { display: flex; min-height: 82px; align-items: center; gap: 11px; padding: 0 25px; border-right: 1px solid #cbd1c9; color: #59665d; font-size: 12px; font-weight: 720; }
.grintek-home .purchaseAssuranceGrid span:first-child { padding-left: 0; }
.grintek-home .purchaseAssuranceGrid span:last-child { border-right: 0; }
.grintek-home .purchaseAssuranceGrid i { color: #709113; font-style: normal; font-weight: 900; }

/* Post-sale */
.grintek-home .postSaleHero h1 { max-width: 760px; font-size: clamp(52px, 5.7vw, 82px); }
.grintek-home .postSaleHeroLead > p { max-width: 570px; margin: 0 0 25px; color: #b5c1b8; font-size: 17px; line-height: 1.65; }
.grintek-home .postSaleFlow { max-width: 560px; padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(16,35,24,.78); box-shadow: 0 24px 55px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.grintek-home .postSaleFlowTop { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.12); }
.grintek-home .postSaleFlowTop > strong { color: #fff; font-size: 12px; }
.grintek-home .postSaleFlowTop > span { display: inline-flex; align-items: center; gap: 7px; color: #b7c5bb; font-size: 9px; }
.grintek-home .postSaleFlowTop i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(185,242,39,.1); }
.grintek-home .postSaleFlow ol { margin: 0; padding: 5px 0 0; list-style: none; }
.grintek-home .postSaleFlow li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.grintek-home .postSaleFlow li:last-child { padding-bottom: 2px; border-bottom: 0; }
.grintek-home .postSaleFlow li > b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(185,242,39,.38); border-radius: 50%; color: var(--green); font-size: 8px; }
.grintek-home .postSaleFlow li span, .grintek-home .postSaleFlow li strong, .grintek-home .postSaleFlow li small { display: block; }
.grintek-home .postSaleFlow li strong { color: #fff; font-size: 11px; }
.grintek-home .postSaleFlow li small { margin-top: 3px; color: #8fa096; font-size: 9px; }
.grintek-home .postSaleWorkspace { background: var(--cream); }
.grintek-home .postSaleEmbed { min-height: 380px; padding: clamp(22px, 4vw, 48px); border: 1px solid #d5dbd4; border-radius: 18px; background: #fff; box-shadow: 0 24px 58px rgba(7,19,13,.07); }
.grintek-home .postSaleEmbed > * { width: 100%; max-width: none; }
.grintek-home .postSaleEmbed form { width: 100%; margin: 0; }
.grintek-home .postSaleEmbed p { line-height: 1.6; }
.grintek-home .postSaleEmpty { display: grid; min-height: 285px; place-items: center; align-content: center; text-align: center; }
.grintek-home .postSaleEmpty > span { color: #607058; font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.grintek-home .postSaleEmpty h2 { max-width: 670px; margin: 18px 0 12px; font-size: clamp(32px, 4.6vw, 55px); }
.grintek-home .postSaleEmpty p { max-width: 630px; margin: 0; color: #6d7970; }
.grintek-home .postSaleEmpty code { margin-top: 24px; padding: 10px 14px; border: 1px solid #d7ddd5; border-radius: 8px; background: #f1f4ee; color: #4f6f08; font-size: 12px; }

/* My account */
.grintek-home .accountHeroContent { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; align-items: center; padding-block: 82px 94px; }
.grintek-home .accountHero h1 { max-width: 650px; color: #fff !important; font-size: clamp(58px, 6.3vw, 88px); }
.grintek-home .accountHeroLead > p { max-width: 570px; margin: 0 0 28px; color: #b5c1b8; font-size: 17px; line-height: 1.65; }
.grintek-home .accountCapabilities { display: flex; flex-wrap: wrap; gap: 9px; }
.grintek-home .accountCapabilities span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #c7d0ca; font-size: 10px; }
.grintek-home .accountCapabilities i { color: var(--green); font-style: normal; font-weight: 850; }
.grintek-home .providerDashboardButton { display: inline-flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 26px; margin-top: 24px; padding: 0 18px; border: 1px solid var(--green); border-radius: 10px; background: var(--green); color: var(--ink) !important; font-size: 12px; font-weight: 820; transition: transform .2s ease, background .2s ease; }
.grintek-home .providerDashboardButton:hover { transform: translateY(-2px); background: #c7ff36; }
.grintek-home .accountWorkspace { background: var(--cream); }
.grintek-home .accountHeading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-bottom: 48px; }
.grintek-home .accountHeading h2 { margin: 30px 0 0; font-size: clamp(45px, 5vw, 69px); line-height: 1; letter-spacing: -.055em; }
.grintek-home .accountHeading > p { max-width: 470px; margin: 0; color: #667269; font-size: 14px; line-height: 1.6; }
.grintek-home .accountEmbed { min-height: 360px; color: var(--ink); }
.grintek-home .accountEmbed.is-authenticated > .woocommerce { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
.grintek-home .accountEmbed.is-authenticated > .woocommerce.has-standard-account-layout { display: grid !important; grid-template-columns: 255px minmax(0, 1fr); gap: 24px; align-items: start; }
.grintek-home .accountEmbed.is-authenticated > .woocommerce.has-custom-account-layout > * { float: none !important; width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; }
.grintek-home .accountEmbed.is-authenticated > :not(.woocommerce) { float: none !important; width: 100% !important; max-width: none !important; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation { float: none !important; width: auto !important; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: var(--ink); box-shadow: 0 25px 55px rgba(7,19,13,.13); }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation ul { display: grid; margin: 0 !important; padding: 9px !important; list-style: none !important; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); list-style: none !important; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation a { display: flex; min-height: 48px; align-items: center; padding: 0 14px; border-radius: 9px; color: #b9c5bd !important; font-size: 12px; font-weight: 720; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation a:hover { color: var(--green) !important; background: rgba(255,255,255,.05); }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation .is-active a { background: var(--green); color: var(--ink) !important; }
.grintek-home .accountEmbed .woocommerce-MyAccount-navigation-link--customer-logout a { color: #f2b4b4 !important; }
.grintek-home .accountEmbed .woocommerce-MyAccount-content { float: none !important; width: auto !important; min-width: 0; padding: 30px; border: 1px solid #d5dbd3; border-radius: 17px; background: #fff; box-shadow: 0 25px 55px rgba(7,19,13,.08); color: #344139; font-size: 14px; line-height: 1.65; }
.grintek-home .accountEmbed .woocommerce-MyAccount-content > p:first-child { margin-top: 0; }
.grintek-home .accountEmbed .woocommerce-MyAccount-content a:not(.button) { color: #4f6f08; font-weight: 750; text-decoration: underline; text-decoration-color: #bfd681; text-underline-offset: 3px; }
.grintek-home .accountEmbed h2, .grintek-home .accountEmbed h3 { margin: 0 0 22px; color: var(--ink) !important; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.04em; line-height: 1.1; }
.grintek-home .accountEmbed table { width: 100% !important; margin: 18px 0 0 !important; border: 1px solid #d9dfd8 !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden; border-radius: 11px; font-size: 12px; }
.grintek-home .accountEmbed thead th { padding: 13px 12px !important; border: 0 !important; background: var(--ink) !important; color: #fff !important; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.grintek-home .accountEmbed tbody td { padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid #e0e5df !important; background: #fff !important; color: #344139 !important; }
.grintek-home .accountEmbed tbody tr:last-child td { border-bottom: 0 !important; }
.grintek-home .accountEmbed .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.grintek-home .accountEmbed .woocommerce-Address { float: none !important; width: auto !important; padding: 22px; border: 1px solid #d9dfd8; border-radius: 12px; background: #f8faf5; }
.grintek-home .accountEmbed .woocommerce-Address-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.grintek-home .accountEmbed .woocommerce-Address-title h3 { margin: 0; font-size: 22px; }
.grintek-home .accountEmbed address { color: #647067; font-style: normal; line-height: 1.7; }
.grintek-home .accountEmbed form .form-row { float: none !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; }
.grintek-home .accountEmbed form label { display: block; margin-bottom: 7px; color: #47534b; font-size: 11px; font-weight: 780; }
.grintek-home .accountEmbed input:not([type="checkbox"]):not([type="radio"]), .grintek-home .accountEmbed select, .grintek-home .accountEmbed textarea { width: 100% !important; min-height: 48px; margin: 0 !important; padding: 0 13px !important; border: 1px solid #ccd4cc !important; border-radius: 9px !important; outline: 0; background: #fff !important; color: var(--ink) !important; box-shadow: none !important; font: inherit; }
.grintek-home .accountEmbed textarea { min-height: 110px; padding-block: 12px !important; }
.grintek-home .accountEmbed input:focus, .grintek-home .accountEmbed select:focus, .grintek-home .accountEmbed textarea:focus { border-color: #729514 !important; box-shadow: 0 0 0 3px rgba(185,242,39,.2) !important; }
.grintek-home .accountEmbed button, .grintek-home .accountEmbed .button, .grintek-home .accountEmbed a.button { display: inline-flex !important; min-height: 43px; align-items: center; justify-content: center; padding: 0 16px !important; border: 1px solid var(--green) !important; border-radius: 8px !important; background: var(--green) !important; color: var(--ink) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 820 !important; line-height: 41px !important; text-decoration: none !important; }
.grintek-home .accountEmbed button:hover, .grintek-home .accountEmbed .button:hover { transform: translateY(-1px); background: #c7ff36 !important; }
.grintek-home .accountEmbed .woocommerce-message, .grintek-home .accountEmbed .woocommerce-info, .grintek-home .accountEmbed .woocommerce-error { margin: 0 0 20px !important; padding: 15px 17px 15px 46px !important; border: 1px solid #cfe29d !important; border-radius: 10px; background: #f1f9df; color: #32450d; list-style: none; }
.grintek-home .accountEmbed .woocommerce-error { border-color: #efc8c8 !important; background: #fff3f3; color: #7b3333; }
.grintek-home .accountEmbed.is-guest > .woocommerce { width: min(100%, 620px); margin-inline: auto; padding: 32px; border: 1px solid #d5dbd3; border-radius: 17px; background: #fff; box-shadow: 0 25px 55px rgba(7,19,13,.08); }

@media (max-width: 1060px) {
  .grintek-home .distributorGrid, .grintek-home .sustainabilityGrid { gap: 55px; }
  .grintek-home .inventoryPanel { min-height: 560px; }
  .grintek-home .techShowcase { grid-template-columns: 1fr; }
  .grintek-home .techGrid { grid-template-columns: repeat(3, 1fr); }
  .grintek-home .techCard { min-height: 90px; }
  .grintek-home .contactGrid { gap: 50px; }
  .grintek-home .commerceHeroContent, .grintek-home .stockHeroContent { gap: 50px; }
  .grintek-home .storeCard { padding: 36px; }
  .grintek-home .storeCardCopy { width: 72%; }
  .grintek-home .loginLayout { gap: 50px; }
  .grintek-home .accountHeroContent { gap: 50px; }
  .grintek-home .transactionHeroContent, .grintek-home .orderHeroContent { gap: 50px; }
  .grintek-home .checkoutEmbed form.checkout { grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr); column-gap: 24px; }
}

@media (max-width: 820px) {
  .grintek-home .section { padding: 92px 0; }
  .grintek-home .trustRow { flex-wrap: wrap; justify-content: center; padding-block: 24px; }
  .grintek-home .trustRow p { flex: 0 0 100%; margin: 0; text-align: center; }
  .grintek-home .sectionHeading, .grintek-home .companyStatement, .grintek-home .journeyIntro, .grintek-home .valueHeader { grid-template-columns: 1fr; gap: 34px; }
  .grintek-home .processGrid, .grintek-home .valueCards { grid-template-columns: repeat(2, 1fr); }
  .grintek-home .processCard { min-height: 280px; }
  .grintek-home .processCard h3 { margin-top: 95px; }
  .grintek-home .distributorGrid, .grintek-home .sustainabilityGrid, .grintek-home .contactGrid, .grintek-home .faqGrid { grid-template-columns: 1fr; }
  .grintek-home .inventoryPanel { width: min(100%, 630px); margin-inline: auto; }
  .grintek-home .floatingOrder { right: -12px; }
  .grintek-home .techGrid { grid-template-columns: repeat(2, 1fr); }
  .grintek-home .timeline { min-width: 1040px; }
  .grintek-home .circularVisual { width: min(100%, 560px); height: 560px; margin-inline: auto; }
  .grintek-home .valueCards article:nth-child(2) { border-right: 0; }
  .grintek-home .valueCards article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.15); }
  .grintek-home .contactIntro { padding-bottom: 20px; }
  .grintek-home .registrationHeader { grid-template-columns: 1fr; gap: 28px; }
  .grintek-home .registrationHeader .contactDirect { justify-self: start; }
  .grintek-home .registrationEmbed { margin-top: 38px; }
  .grintek-home .commerceHeroContent, .grintek-home .stockHeroContent { grid-template-columns: 1fr; gap: 34px; align-items: start; padding-block: 78px 88px; }
  .grintek-home .commerceHeroLead > p, .grintek-home .stockHeroContent > div:last-child > p { max-width: 650px; }
  .grintek-home .storeHeading, .grintek-home .catalogHeading { grid-template-columns: 1fr; gap: 32px; }
  .grintek-home .storeCards { grid-template-columns: 1fr; }
  .grintek-home .storeCard { min-height: 620px; }
  .grintek-home .storeCardCopy { width: 62%; }
  .grintek-home .assuranceGrid { grid-template-columns: repeat(2, 1fr); }
  .grintek-home .assuranceGrid article:nth-child(2) { border-right: 0; }
  .grintek-home .assuranceGrid article:nth-child(-n+2) { border-bottom: 1px solid #cbd1c9; }
  .grintek-home .assuranceGrid article:nth-child(3) { padding-left: 0; }
  .grintek-home .loginPage { padding: 88px 0 100px; }
  .grintek-home .loginLayout { grid-template-columns: 1fr; gap: 65px; }
  .grintek-home .loginIntro { max-width: 680px; }
  .grintek-home .loginEmbed { justify-self: start; }
  .grintek-home .catalogHeading > p { max-width: 650px; }
  .grintek-home .accountHeroContent { grid-template-columns: 1fr; gap: 32px; padding-block: 72px 82px; }
  .grintek-home .accountHeroLead > p { max-width: 650px; }
  .grintek-home .accountHeading { grid-template-columns: 1fr; gap: 30px; }
  .grintek-home .accountHeading > p { max-width: 650px; }
  .grintek-home .accountEmbed.is-authenticated > .woocommerce.has-standard-account-layout { grid-template-columns: 1fr; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(3, 1fr); gap: 4px; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-navigation li { border: 0; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-navigation a { justify-content: center; text-align: center; }
  .grintek-home .transactionHeroContent, .grintek-home .orderHeroContent { grid-template-columns: 1fr; gap: 34px; align-items: start; padding-block: 72px 82px; }
  .grintek-home .transactionHeroLead > p, .grintek-home .orderHeroLead > p { max-width: 650px; }
  .grintek-home .commerceHeading { grid-template-columns: 1fr; gap: 30px; }
  .grintek-home .commerceHeading > p { max-width: 650px; }
  .grintek-home .checkoutEmbed form.checkout { display: block; }
  .grintek-home .checkoutEmbed form.checkout > .col2-set { margin-bottom: 24px; }
  .grintek-home .checkoutEmbed #order_review_heading { border-radius: 17px 17px 0 0; }
  .grintek-home .checkoutEmbed #order_review { border-top: 0; border-radius: 0 0 17px 17px; }
  .grintek-home .checkoutEmbed .woocommerce-order-overview { grid-template-columns: 1fr 1fr; }
  .grintek-home .purchaseAssuranceGrid { grid-template-columns: 1fr; }
  .grintek-home .purchaseAssuranceGrid span, .grintek-home .purchaseAssuranceGrid span:first-child { min-height: 64px; padding: 0; border-right: 0; border-bottom: 1px solid #cbd1c9; }
  .grintek-home .purchaseAssuranceGrid span:last-child { border-bottom: 0; }
  .grintek-home .footerTop { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .grintek-home .section { padding: 75px 0; }
  .grintek-home .trustRow { gap: 12px; }
  .grintek-home .trustRow span { font-size: 11px; }
  .grintek-home .sectionHeading h2, .grintek-home .distributorCopy h2, .grintek-home .journeyIntro h2, .grintek-home .sustainabilityCopy h2, .grintek-home .valueHeader h2, .grintek-home .faq h2, .grintek-home .contactIntro h2 { font-size: 46px; }
  .grintek-home .processGrid, .grintek-home .valueCards { grid-template-columns: 1fr; }
  .grintek-home .processCard { min-height: 240px; }
  .grintek-home .processCard h3 { margin-top: 70px; }
  .grintek-home .companyStatement { margin-top: 60px; }
  .grintek-home .inventoryPanel { min-height: 510px; padding: 12px; }
  .grintek-home .inventoryBody { min-height: 455px; }
  .grintek-home .inventoryItem { grid-template-columns: auto 1fr; }
  .grintek-home .stock { grid-column: 2; justify-self: start; margin-top: -13px; }
  .grintek-home .inventoryFoot { margin-top: 42px; }
  .grintek-home .floatingOrder { right: -6px; bottom: 37px; transform: rotate(-2deg) scale(.9); transform-origin: right bottom; }
  .grintek-home .dashboardMock { grid-template-columns: 45px 1fr; min-height: 480px; }
  .grintek-home .dashMain { padding: 18px 12px; }
  .grintek-home .dashMetrics { gap: 5px; }
  .grintek-home .dashMetrics > div { padding: 10px 7px; }
  .grintek-home .dashMetrics strong { font-size: 16px; }
  .grintek-home .dashHeader > span { display: none; }
  .grintek-home .bars { gap: 5px; }
  .grintek-home .techGrid { grid-template-columns: 1fr; }
  .grintek-home .timeline { min-width: 1080px; }
  .grintek-home .timelineItem { min-height: 245px; padding-right: 23px; }
  .grintek-home .timelineItem + .timelineItem { padding-left: 23px; }
  .grintek-home .circularVisual { height: 390px; }
  .grintek-home .circularVisual::before { inset: 38px; }
  .grintek-home .circularVisual::after { inset: 82px; }
  .grintek-home .circleArrow { font-size: 230px; }
  .grintek-home .miniDevice { width: 132px; height: 260px; border-radius: 27px; }
  .grintek-home .miniDevice strong { font-size: 50px; }
  .grintek-home .impactGrid { grid-template-columns: 1fr; }
  .grintek-home .impactGrid > div, .grintek-home .impactGrid > div + div { min-height: auto; padding: 18px 0; border-right: 0; border-bottom: 1px solid rgba(7,19,13,.2); }
  .grintek-home .impactGrid span { margin-bottom: 8px; }
  .grintek-home .valueCards { border-top: 0; }
  .grintek-home .valueCards article, .grintek-home .valueCards article:first-child { min-height: 190px; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .grintek-home .valueCards h3 { margin-top: 55px; }
  .grintek-home .faqGrid { gap: 55px; }
  .grintek-home .formRow { grid-template-columns: 1fr; gap: 0; }
  .grintek-home .leadForm { padding: 22px 17px; }
  .grintek-home .formHeading { align-items: flex-start; flex-direction: column; }
  .grintek-home .commerceHero h1, .grintek-home .stockHero h1, .grintek-home .loginIntro h1 { font-size: clamp(49px, 14vw, 67px); }
  .grintek-home .storeHeading h2, .grintek-home .catalogHeading h2 { font-size: 44px; }
  .grintek-home .storeCard { min-height: 760px; padding: 27px 23px; border-radius: 22px; }
  .grintek-home .storeCardCopy { width: 100%; }
  .grintek-home .storeCard h2 { font-size: 43px; }
  .grintek-home .storeCard .grintekButton { width: 100%; min-width: 0; }
  .grintek-home .stockVisual, .grintek-home .shipmentVisual { width: 100%; height: 43%; opacity: .78; }
  .grintek-home .catalogPhoneOne { right: 185px; }
  .grintek-home .catalogPhoneTwo { right: 65px; }
  .grintek-home .stockBadge, .grintek-home .shipmentEta { right: 17px; bottom: 20px; }
  .grintek-home .assuranceGrid { grid-template-columns: 1fr; }
  .grintek-home .assuranceGrid article, .grintek-home .assuranceGrid article:first-child, .grintek-home .assuranceGrid article:nth-child(3) { min-height: 155px; padding: 23px 0; border-right: 0; border-bottom: 1px solid #cbd1c9; }
  .grintek-home .assuranceGrid strong { margin-top: 35px; }
  .grintek-home .loginPage { padding: 72px 0 82px; }
  .grintek-home .loginLayout { gap: 50px; }
  .grintek-home .loginIntro h1 { margin-top: 29px; }
  .grintek-home .productTableEmbed { padding: 14px; overflow-x: auto; border-radius: 15px; }
  .grintek-home .productTableEmbed table { min-width: 720px; }
  .grintek-home .accountHero h1 { font-size: clamp(49px, 14vw, 67px); }
  .grintek-home .accountHeading h2 { font-size: 44px; }
  .grintek-home .accountCapabilities { display: grid; }
  .grintek-home .accountCapabilities span { justify-content: flex-start; }
  .grintek-home .providerDashboardButton { width: 100%; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr 1fr; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-content, .grintek-home .accountEmbed.is-guest > .woocommerce { padding: 20px 16px; border-radius: 13px; }
  .grintek-home .accountEmbed .woocommerce-Addresses { grid-template-columns: 1fr; }
  .grintek-home .accountEmbed .woocommerce-MyAccount-content { overflow-x: auto; }
  .grintek-home .accountEmbed table { min-width: 620px; }
  .grintek-home .transactionHero h1, .grintek-home .orderHero h1 { font-size: clamp(48px, 14vw, 66px); }
  .grintek-home .purchaseSteps, .grintek-home .orderConditions { display: grid; }
  .grintek-home .purchaseSteps span, .grintek-home .orderConditions span { justify-content: flex-start; }
  .grintek-home .commerceHeading h2 { font-size: 44px; }
  .grintek-home .commerceEmbed { overflow-x: auto; }
  .grintek-home .cartEmbed .woocommerce-cart-form { overflow-x: auto; }
  .grintek-home .cartEmbed .shop_table { min-width: 760px; }
  .grintek-home .cartEmbed .cart-collaterals { display: block; }
  .grintek-home .cartEmbed .cart_totals { padding: 21px 16px; }
  .grintek-home .cartEmbed .coupon { align-items: stretch; flex-direction: column; }
  .grintek-home .cartEmbed .coupon input, .grintek-home .cartEmbed .coupon button { width: 100% !important; }
  .grintek-home .checkoutEmbed form.checkout > .col2-set, .grintek-home .checkoutEmbed #order_review, .grintek-home .checkoutEmbed.is-order-received > .woocommerce { padding: 21px 16px; }
  .grintek-home .checkoutEmbed #order_review_heading { padding: 21px 16px 0; }
  .grintek-home .checkoutEmbed .form-row-first, .grintek-home .checkoutEmbed .form-row-last { float: none !important; width: 100% !important; }
  .grintek-home .checkoutEmbed .woocommerce-order-overview { grid-template-columns: 1fr; }
  .grintek-home .orderEmbed table { min-width: 720px; }
  .grintek-home .orderEmpty { min-height: 330px; padding: 36px 18px; }
  .grintek-home .footerTop { grid-template-columns: 1fr; padding-bottom: 48px; }
  .grintek-home .footerArrow { display: none; }
  .grintek-home .footerBottom { align-items: flex-start; flex-direction: column; gap: 16px; }
  .grintek-home .footerBottom div { flex-wrap: wrap; gap: 13px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .grintek-home *, .grintek-home *::before, .grintek-home *::after { transition-duration: .01ms !important; }
}
