/* /css/fg-v39-keyword-fixes.css */

/* v39 keyword page fixes */
@media (min-width:1200px){
  .navbar .navbar-inner{gap:18px!important;}
  .navbar .nav-links{justify-content:center!important;gap:clamp(22px,2.2vw,42px)!important;}
  .navbar .nav-links>a,.navbar .fg-service-menu>a{padding-left:0!important;padding-right:0!important;}
}
.nav-links>a.active,.fg-service-menu>a.active{color:#0068b7!important;position:relative;}
.nav-links>a.active:after,.fg-service-menu>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:4px;background:#0878c9;border-radius:2px 2px 0 0;}
.kw-page .contact-modal-overlay{z-index:10060!important;}
.kw-page .kw-btn.js-open-contact{cursor:pointer;pointer-events:auto!important;}

/* /css/fg-v41-clarity-home.css */
/* v41: keyword dark-card contrast + homepage first-screen positioning */
html body[class*="kw-cat-"] .kw-decision-box aside,
html body[class*="kw-cat-"] .kw-decision-box aside *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body[class*="kw-cat-"] .kw-decision-box aside strong{opacity:.92!important;}
html body[class*="kw-cat-"] .kw-decision-box aside p{opacity:1!important;}
html body[class*="kw-cat-"] .kw-decision-box aside small{opacity:.88!important;}

/* Stronger homepage value proposition */
body.home .hero-text{max-width:820px!important;}
body.home .hero-text h1{max-width:820px!important;line-height:1.12!important;}
body.home .hero-text p{max-width:780px!important;font-size:18px!important;line-height:1.75!important;}
body.home .hero-capabilities{display:flex;flex-wrap:wrap;gap:10px 12px;margin:22px 0 4px;padding:0;list-style:none;}
body.home .hero-capabilities li{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:600;}
body.home .hero-capabilities li:before{content:"✓";margin-right:7px;color:#77d5ff;font-weight:800;}
@media(max-width:768px){body.home .hero-text p{font-size:16px!important;}body.home .hero-capabilities{gap:8px}body.home .hero-capabilities li{font-size:12px;padding:7px 10px;}}

/* /css/fg-v42-home-sticky-sync.css?v=42 */
/* v42: homepage CTA balance + sticky navigation synchronized with primary navigation */
body.home .hero-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:22px!important;
}
body.home .hero-actions .btn{
  min-width:174px!important;
  height:54px!important;
  padding:0 26px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important;
}
body.home .hero-actions .btn-white{
  background:#0874c9!important;
  border:1px solid #0874c9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(0,87,179,.30)!important;
}
body.home .hero-actions .btn-white:hover{
  background:#005bac!important;
  border-color:#005bac!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(0,87,179,.38)!important;
}
body.home .hero-actions .btn-outline{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
body.home .hero-actions .btn-outline:hover{
  background:rgba(255,255,255,.17)!important;
  border-color:#fff!important;
  transform:translateY(-2px)!important;
}
html body .fg-scroll-fixed-nav__inner{max-width:1500px!important;padding:0 28px!important;gap:18px!important;}
html body .fg-scroll-fixed-nav__links{gap:2px!important;}
html body .fg-scroll-fixed-nav__links a{padding:0 12px!important;font-size:14px!important;}
@media(max-width:1180px){html body .fg-scroll-fixed-nav__links a{padding:0 9px!important;font-size:13px!important;}html body .fg-scroll-fixed-nav__inner{padding:0 18px!important;gap:12px!important;}}
@media(max-width:768px){body.home .hero-actions{gap:10px!important;}body.home .hero-actions .btn{width:100%!important;min-width:0!important;height:50px!important;}}

/* /css/fg-v43-final-polish.css?v=43 */
/* v43: service hub cards, footer entry, homepage CTA visibility, compact header CTA */
body.home .hero-actions .btn-white,
body.home .hero-actions a.btn-white,
body.home .hero-actions .btn-white:link,
body.home .hero-actions .btn-white:visited{
  background:#0874c9!important;
  border-color:#0874c9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
  font-size:16px!important;
  font-weight:700!important;
}
body.home .hero-actions .btn-white::before,
body.home .hero-actions .btn-white::after{display:none!important;content:none!important;}
html body .navbar .nav-consult-btn,
html body .fg-scroll-fixed-nav__action{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:600!important;
  padding:0 20px!important;
  min-width:0!important;
  height:44px!important;
  white-space:nowrap!important;
}
/* Shopify service hub: visually distinct from detail-page cards */
body.fg-shopify-hub .kw-section{padding-top:62px!important;padding-bottom:76px!important;background:linear-gradient(180deg,#f7faff 0,#fff 100%)!important;}
body.fg-shopify-hub .kw-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
body.fg-shopify-hub .kw-hub-card{
  --hub-accent:#0874c9;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:320px!important;
  padding:30px 28px 26px!important;
  border:1px solid #dfe8f3!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 12px 34px rgba(15,45,80,.07)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
body.fg-shopify-hub .kw-hub-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--hub-accent);}
body.fg-shopify-hub .kw-hub-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:color-mix(in srgb,var(--hub-accent) 10%,transparent);}
body.fg-shopify-hub .kw-hub-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 45px rgba(15,45,80,.13)!important;border-color:color-mix(in srgb,var(--hub-accent) 38%,#dfe8f3)!important;}
body.fg-shopify-hub .kw-hub-card:nth-child(1){--hub-accent:#0874c9}body.fg-shopify-hub .kw-hub-card:nth-child(2){--hub-accent:#6f56d9}body.fg-shopify-hub .kw-hub-card:nth-child(3){--hub-accent:#dc4c64}body.fg-shopify-hub .kw-hub-card:nth-child(4){--hub-accent:#087f75}body.fg-shopify-hub .kw-hub-card:nth-child(5){--hub-accent:#244f9e}body.fg-shopify-hub .kw-hub-card:nth-child(6){--hub-accent:#d97706}body.fg-shopify-hub .kw-hub-card:nth-child(7){--hub-accent:#26835a}body.fg-shopify-hub .kw-hub-card:nth-child(8){--hub-accent:#7650b5}
body.fg-shopify-hub .kw-hub-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--hub-accent) 12%,#fff);color:var(--hub-accent);font-size:24px;font-weight:800;margin-bottom:22px;}
body.fg-shopify-hub .kw-hub-meta{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1;}
body.fg-shopify-hub .kw-count{margin:0!important;background:color-mix(in srgb,var(--hub-accent) 10%,#fff)!important;color:var(--hub-accent)!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;padding:6px 10px!important;}
body.fg-shopify-hub .kw-hub-no{font-size:12px;color:#95a1b2;font-weight:700;letter-spacing:.08em;}
body.fg-shopify-hub .kw-hub-card h2{font-size:22px!important;line-height:1.35!important;margin:0 0 13px!important;position:relative;z-index:1;}
body.fg-shopify-hub .kw-hub-card h2 a{color:#102d4d!important;text-decoration:none!important;}
body.fg-shopify-hub .kw-hub-card p{font-size:14px!important;line-height:1.8!important;color:#627086!important;margin:0 0 22px!important;position:relative;z-index:1;}
body.fg-shopify-hub .kw-hub-points{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none;position:relative;z-index:1;}
body.fg-shopify-hub .kw-hub-points li{font-size:13px;color:#43546a;line-height:1.5;padding-left:17px;position:relative;}
body.fg-shopify-hub .kw-hub-points li:before{content:"✓";position:absolute;left:0;color:var(--hub-accent);font-weight:800;}
body.fg-shopify-hub .kw-hub-more{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--hub-accent)!important;font-size:14px!important;font-weight:750!important;text-decoration:none!important;position:relative;z-index:1;}
body.fg-shopify-hub .kw-hub-more span{transition:transform .2s ease;}body.fg-shopify-hub .kw-hub-card:hover .kw-hub-more span{transform:translateX(4px);}
.footer .footer-links a[href="/shopify-services/"]{font-weight:700;color:#fff!important;}
@media(max-width:1180px){body.fg-shopify-hub .kw-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:700px){body.fg-shopify-hub .kw-hub-grid{grid-template-columns:1fr!important;}body.fg-shopify-hub .kw-hub-card{min-height:0!important;padding:26px 22px!important;}html body .navbar .nav-consult-btn{font-size:13px!important;padding:0 15px!important;height:42px!important;}}

/* /css/fg-v45-conversion-api-light.css?v=45 */

/* v45 conversion-first service pages */
.kw-conversion{padding:72px 0;background:#f5f9ff;color:#0c2947}
.kw-conversion-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}
.kw-conversion-head>div{max-width:820px}.kw-conversion-head h2{font-size:34px;line-height:1.25;margin:8px 0 12px;color:#0b2744}.kw-conversion-head p{font-size:17px;line-height:1.8;color:#53677d;margin:0}
.kw-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kw-value-card{background:#fff;border:1px solid #dce8f5;border-radius:16px;padding:26px;box-shadow:0 10px 30px rgba(20,70,120,.06)}
.kw-value-card span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#e9f4ff;color:#0872c9;font-weight:800;font-size:12px}.kw-value-card h3{font-size:19px;margin:18px 0 10px;color:#0b3156}.kw-value-card p{font-size:15px;line-height:1.75;color:#5b6c7f;margin:0}
.kw-value-note{margin-top:22px;padding:17px 20px;background:#eaf4ff;border-left:4px solid #1686d9;border-radius:8px;color:#294e70;line-height:1.7}
.kw-prep{padding:56px 0;background:#fff}.kw-prep-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;padding:34px;border:1px solid #e1eaf3;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbff)}.kw-prep-wrap h2{font-size:28px;color:#102f4d;margin:8px 0 12px}.kw-prep-wrap p{color:#647488;line-height:1.8}.kw-prep-wrap ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.kw-prep-wrap li{padding:14px 15px 14px 42px;background:#fff;border:1px solid #dce7f1;border-radius:10px;position:relative;color:#314d67}.kw-prep-wrap li:before{content:'✓';position:absolute;left:15px;color:#0980d1;font-weight:800}
/* App/API category: brighter and less oppressive */
.kw-cat-api .kw-hero{background:linear-gradient(120deg,#0d3e6c,#176da6)}
.kw-cat-api .kw-section.kw-api-insights,.kw-cat-api .kw-section.kw-api-accept{background:#f5f9ff!important;color:#102f4d!important}
.kw-cat-api .kw-api-insights .kw-head h2,.kw-cat-api .kw-api-insights .kw-head p,.kw-cat-api .kw-api-insights .kw-head span,.kw-cat-api .kw-api-accept .kw-head h2,.kw-cat-api .kw-api-accept .kw-head p,.kw-cat-api .kw-api-accept .kw-head span{color:#102f4d!important}
.kw-cat-api .kw-insight-card{background:#fff!important;border:1px solid #d8e7f4!important;box-shadow:0 10px 26px rgba(15,74,119,.07)!important}.kw-cat-api .kw-insight-card b{color:#0a5f9d!important}.kw-cat-api .kw-insight-card p{color:#5c6f82!important}
.kw-cat-api .kw-check{background:#fff!important;border:1px solid #d8e7f4!important;color:#264b69!important}.kw-cat-api .kw-check span{color:#0785d3!important}
.kw-cat-api .kw-conversion{background:linear-gradient(180deg,#eff8ff,#f8fbff)}
@media(max-width:900px){.kw-conversion-head{display:block}.kw-conversion-head .kw-btn{margin-top:20px}.kw-value-grid{grid-template-columns:1fr 1fr}.kw-prep-wrap{grid-template-columns:1fr}.kw-prep-wrap ul{grid-template-columns:1fr}}
@media(max-width:600px){.kw-value-grid{grid-template-columns:1fr}.kw-conversion{padding:52px 0}.kw-conversion-head h2{font-size:27px}.kw-prep-wrap{padding:24px}}

/* /css/fg-v46-mobile-menu-fix.css */
/* FG v46 — mobile navigation normalization */
@media (max-width: 768px){
  html body .navbar{height:64px!important;min-height:64px!important;}
  html body .navbar .container,
  html body .navbar .navbar-inner{height:64px!important;min-height:64px!important;padding-left:16px!important;padding-right:16px!important;}
  html body .navbar .logo{height:64px!important;display:flex!important;align-items:center!important;}
  html body .navbar .mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;}

  html body .navbar .nav-links{
    position:fixed!important;
    top:72px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(100vh - 88px)!important;
    overflow-y:auto!important;
    padding:12px!important;
    margin:0!important;
    gap:4px!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    background:#fff!important;
    border:1px solid #e4eaf2!important;
    border-radius:16px!important;
    box-shadow:0 22px 60px rgba(15,23,42,.22)!important;
  }
  html body .navbar .nav-links.active{display:flex!important;flex-direction:column!important;}
  html body .navbar .nav-links>a,
  html body .navbar .nav-links>.fg-service-menu,
  html body .navbar .nav-links>.fg-service-menu>a{
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    margin:0!important;
    padding:11px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:left!important;
    font-size:16px!important;
    line-height:1.45!important;
    font-weight:650!important;
    color:#182235!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;
    white-space:normal!important;
  }
  html body .navbar .nav-links>.fg-service-menu{padding:0!important;display:block!important;}
  html body .navbar .nav-links>a:hover,
  html body .navbar .nav-links>a.active,
  html body .navbar .nav-links>.fg-service-menu>a:hover,
  html body .navbar .nav-links>.fg-service-menu>a.active{
    color:#0068b7!important;
    background:#eef6ff!important;
  }
  html body .navbar .nav-links>a:after{content:'›'!important;position:static!important;width:auto!important;height:auto!important;background:none!important;font-size:20px!important;color:#9aa8ba!important;}
  html body .navbar .nav-links>.fg-service-menu>a:after{content:'›'!important;position:static!important;transform:none!important;font-size:20px!important;color:#9aa8ba!important;margin-left:auto!important;background:none!important;width:auto!important;height:auto!important;}
  html body .navbar .nav-links>a.active:after,
  html body .navbar .nav-links>.fg-service-menu>a.active:after{background:none!important;}

  /* Mobile menu only shows the service hub entry. The large desktop mega menu stays hidden. */
  html body .navbar .fg-mega-menu,
  html body .navbar .fg-service-menu.mobile-expanded .fg-mega-menu,
  html body .navbar .fg-service-menu.is-open .fg-mega-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  body.mobile-menu-open{overflow:hidden!important;}
}