/* Fordonskemi Garage, scoped to homepage. PrestaShop 8.2 / Classic-ish themes */
body#index .fkgh-home{
  --fkgh-bg:#070c09;--fkgh-panel:#121d16;--fkgh-edge:#33533b;
  --fkgh-green:#66d171;--fkgh-mint:#b3fac0;--fkgh-white:#f7fff8;--fkgh-muted:#b0c5b4;
  position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;
  background:var(--fkgh-bg);color:var(--fkgh-white);font-family:Inter,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow:clip;
}
body#index .fkgh-home *,body#index .fkgh-home *:before,body#index .fkgh-home *:after{box-sizing:border-box}
body#index .fkgh-home a{text-decoration:none;color:inherit}
body#index .fkgh-home a:focus-visible{outline:3px solid #b3fac0;outline-offset:4px}
body#index .fkgh-wrap{max-width:1460px;margin:0 auto;padding:0 30px}
body#index .fkgh-herohead{text-align:center;padding:48px 0 30px}
body#index .fkgh-overline{font-size:11px;font-weight:900;letter-spacing:.32em;color:var(--fkgh-green);text-transform:uppercase;margin:0}
body#index .fkgh-herohead h1{font-size:clamp(38px,5vw,75px);font-weight:900;letter-spacing:-.05em;line-height:1.04;margin:12px 0 13px;color:#f7fff8}
body#index .fkgh-herohead h1 span{color:var(--fkgh-green)}
body#index .fkgh-herohead>p:last-child{white-space:pre-line;color:#b6cdbb;font-size:clamp(15px,1.6vw,19px);margin:0;line-height:1.5}
body#index .fkgh-scene{position:relative;width:100%;aspect-ratio:var(--fkgh-desktop-ratio,1672 / 941);overflow:hidden;
  border:1px solid #47764d;border-radius:25px;background:#111c15;box-shadow:0 45px 90px #01060388,0 0 60px #41aa5d12;isolation:isolate}
body#index .fkgh-scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #0006;pointer-events:none}
body#index .fkgh-scene picture{display:block;position:absolute;inset:0;width:100%;height:100%}
body#index .fkgh-scene picture img{display:block;width:100%;height:100%;object-fit:fill}
body#index .fkgh-scene-label{position:absolute;left:24px;bottom:22px;z-index:10;background:#09160de0;color:#e0ffdf;
  border:1px solid #6bb77466;border-radius:11px;padding:10px 15px;backdrop-filter:blur(8px);font-weight:650;font-size:13px}
body#index .fkgh-spot{position:absolute;z-index:4;left:var(--fkgh-x);top:var(--fkgh-y);
  transform:translate(-50%,-50%);width:46px;height:46px;border-radius:100%;border:2px solid #c5ffce;
  background:#208c42!important;color:#fff!important;box-shadow:0 0 0 6px #1c9a3d50,0 0 24px #39d97488;
  display:grid;place-items:center;font-size:19px;font-weight:900;transition:transform .18s,background-color .18s}
body#index .fkgh-spot:after{position:absolute;content:"";inset:-9px;border:2px solid #87f79e;border-radius:50%;animation:fkgh-pulse 3s ease-out infinite;pointer-events:none}
body#index .fkgh-spot:hover{background:#44b761!important;transform:translate(-50%,-50%) scale(1.12)}
body#index .fkgh-spot-num{font-weight:900;font-size:17px}
body#index .fkgh-spot-title{opacity:0;pointer-events:none;position:absolute;white-space:nowrap;
  bottom:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(5px);
  color:#effff0;background:#0a180df0;border:1px solid #8aeb98;border-radius:9px;padding:10px 13px;
  font-weight:750;font-size:13px;box-shadow:0 8px 24px #000b;transition:opacity .15s,transform .15s}
body#index .fkgh-spot:hover .fkgh-spot-title,body#index .fkgh-spot:focus-visible .fkgh-spot-title,
body#index .fkgh-spot:focus .fkgh-spot-title{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes fkgh-pulse{0%{opacity:.85;transform:scale(.8)}70%,100%{opacity:0;transform:scale(1.95)}}
body#index .fkgh-afterhero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 4px 55px;color:#afc6b4}
body#index .fkgh-afterhero p{margin:0;font-size:14px}
body#index .fkgh-afterhero strong{color:#e9ffec}
body#index .fkgh-button{display:inline-block;border:1px solid #6fcd7c!important;border-radius:11px;background:#2c9048!important;
  color:#fff!important;padding:13px 20px;font-weight:800;white-space:nowrap;transition:transform .15s,background .15s}
body#index .fkgh-button:hover{background:#38aa56!important;transform:translateY(-2px)}
body#index .fkgh-categories{padding:12px 0 65px;scroll-margin-top:105px}
body#index .fkgh-sectionhead{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}
body#index .fkgh-sectionhead h2{color:#f7fff8;font-size:clamp(28px,3vw,43px);font-weight:850;letter-spacing:-.04em;line-height:1.1;margin:9px 0 0}
body#index .fkgh-sectionhead>p{color:#aebfaf;margin:0;font-size:14px;max-width:460px;line-height:1.5}
body#index .fkgh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body#index .fkgh-card{background:linear-gradient(135deg,#1b2b20,#101a14);border:1px solid #334a37;border-radius:17px;
  padding:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:118px;
  transition:transform .16s,border-color .16s,background .16s}
body#index .fkgh-card:hover{transform:translateY(-3px);border-color:#75d285;background:#233b27}
body#index .fkgh-step{display:block;font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--fkgh-green)}
body#index .fkgh-card-title{display:block;font-size:19px;margin:9px 0 0;font-weight:750;letter-spacing:-.02em;color:#f7fff8}
body#index .fkgh-arrow{width:39px;height:39px;min-width:39px;border-radius:50%;background:#2c6840;display:grid;place-items:center;font-size:20px;color:#e3ffe6}
body#index .fkgh-trust{border-top:1px solid #35543b;border-bottom:1px solid #35543b;padding:22px 0;background:#101b13}
body#index .fkgh-trust-inner{max-width:1460px;margin:auto;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
body#index .fkgh-trust strong{display:block;color:#dcffe1;font-size:15px}
body#index .fkgh-trust span{display:block;color:#9eb9a4;font-size:13px;padding-top:4px}
/* Match the REAL PrestaShop logo/menu/search/cart; no fake non-working header. */
body#index:has(#fkgh-enabled-header){background:#070c09}
body#index:has(#fkgh-enabled-header) #header,
body#index:has(#fkgh-enabled-header) #header .header-nav,
body#index:has(#fkgh-enabled-header) #header .header-top{background:#09100b!important;border-color:#2c4331!important;box-shadow:none;color:#e2ede3}
body#index:has(#fkgh-enabled-header) #header{border-bottom:1px solid #2c4331;box-shadow:0 8px 40px #02090380}
body#index:has(#fkgh-enabled-header) #header a,
body#index:has(#fkgh-enabled-header) #header .top-menu a,
body#index:has(#fkgh-enabled-header) #header .material-icons,
body#index:has(#fkgh-enabled-header) #header .blockcart,
body#index:has(#fkgh-enabled-header) #header .user-info a{color:#e2ede3!important}
body#index:has(#fkgh-enabled-header) #header a:hover,
body#index:has(#fkgh-enabled-header) #header .top-menu a:hover{color:var(--fkgh-green)!important}
body#index:has(#fkgh-enabled-header) #header .blockcart,
body#index:has(#fkgh-enabled-header) #header .header-top .search-widget input,
body#index:has(#fkgh-enabled-header) #header .search-widget input{
  background:#16231b!important;border:1px solid #34513c!important;border-radius:10px;color:#fff!important}
body#index:has(#fkgh-enabled-header) #header .search-widget input::placeholder{color:#adc7b0}
body#index:has(#fkgh-enabled-header) #header .top-menu .sub-menu,
body#index:has(#fkgh-enabled-header) #header .popover{background:#121d15;border-color:#34513c}
body#index:has(#fkgh-enabled-header) #header .top-menu .sub-menu a{color:#e2ede3!important}
body#index:has(#fkgh-enabled-header) #header .top-menu .sub-menu a:hover{color:var(--fkgh-green)!important}
body#index:has(#fkgh-enabled-header) #header .header-nav .cart-preview.active{background:#1e6330!important}
body#index:has(#fkgh-enabled-header) #header #_desktop_logo img,
body#index:has(#fkgh-enabled-header) #header #_mobile_logo img{filter:brightness(0) invert(1)}
body#index:has(#fkgh-enabled-header) #header #_desktop_logo a:before,
body#index:has(#fkgh-enabled-header) #header #_mobile_logo a:before{
  content:'✣';display:inline-grid;place-items:center;width:35px;height:35px;min-width:35px;margin-right:8px;
  color:#7bec89;background:#193d20;border:1px solid #529c59;border-radius:11px;font-size:21px}
body#index:has(#fkgh-enabled-header) #header #_desktop_logo a,
body#index:has(#fkgh-enabled-header) #header #_mobile_logo a{display:flex;align-items:center}
/* Product lists on the existing ordinary homepage remain and visually integrate. */
body#index:has(#fkgh-enabled-header) #content-wrapper,
body#index:has(#fkgh-enabled-header) #main,
body#index:has(#fkgh-enabled-header) .page-home,
body#index:has(#fkgh-enabled-header) #wrapper{background:#070c09;color:#f7fff8}
body#index:has(#fkgh-enabled-header) .products-section-title,
body#index:has(#fkgh-enabled-header) .featured-products h2,
body#index:has(#fkgh-enabled-header) .newproducts h2,
body#index:has(#fkgh-enabled-header) .on-sale-products h2{color:#f7fff8!important}
body#index:has(#fkgh-enabled-header) .product-miniature .thumbnail-container,
body#index:has(#fkgh-enabled-header) .product-miniature .product-description{background:#16231b!important;border-color:#334a37}
body#index:has(#fkgh-enabled-header) .product-miniature .product-title a,
body#index:has(#fkgh-enabled-header) .product-miniature .product-price-and-shipping,
body#index:has(#fkgh-enabled-header) .product-miniature .price{color:#f4fff6!important}
body#index:has(#fkgh-enabled-header) #footer,
body#index:has(#fkgh-enabled-header) #footer .footer-container{background:#0e1811!important;color:#b3c6b6!important;border-color:#2e4935!important}
body#index:has(#fkgh-enabled-header) #footer a,
body#index:has(#fkgh-enabled-header) #footer h3,
body#index:has(#fkgh-enabled-header) #footer h4{color:#e8ffeb!important}
body#index:has(#fkgh-enabled-header) #footer a:hover{color:#74e286!important}
@media(max-width:820px){
  body#index .fkgh-wrap{padding:0 16px}
  body#index .fkgh-herohead{padding:34px 0 20px}
  body#index .fkgh-scene{border-radius:15px}
  body#index .fkgh-spot{width:42px;height:42px;font-size:17px}
  body#index .fkgh-scene-label{display:none}
  body#index .fkgh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body#index .fkgh-afterhero{padding-bottom:40px}
}
@media(max-width:530px){
  body#index .fkgh-herohead h1{font-size:clamp(30px,9vw,40px)}
  body#index .fkgh-herohead>p:last-child{white-space:pre-line;font-size:14px}
  body#index .fkgh-scene{border-radius:10px}
  body#index .fkgh-spot{width:35px;height:35px;font-size:14px;border-width:1.5px;box-shadow:0 0 0 3px #1c9a3d50,0 0 16px #39d97488}
  body#index .fkgh-spot-num{font-size:13px}
  body#index .fkgh-spot:after{inset:-4px}
  body#index .fkgh-grid{grid-template-columns:1fr}
  body#index .fkgh-card{min-height:90px;padding:15px 18px}
  body#index .fkgh-sectionhead{display:block}
  body#index .fkgh-sectionhead>p{margin-top:12px}
  body#index .fkgh-afterhero{display:block;text-align:center;padding-bottom:32px}
  body#index .fkgh-afterhero .fkgh-button{margin-top:15px}
  body#index .fkgh-trust-inner{grid-template-columns:1fr}
  body#index:has(#fkgh-enabled-header) #header #_mobile_logo a:before{width:29px;height:29px;min-width:29px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){body#index .fkgh-home *,body#index .fkgh-home *:after{animation:none!important;transition:none!important}}

/* 1.1.0: independent image ratio and coordinates for mobile photo. */
body#index .fkgh-home .fkgh-scene{max-width:100%}
body#index .fkgh-home .fkgh-scene .fkgh-spot-title{max-width:min(260px,75vw);white-space:normal;text-align:center;line-height:1.35}
body#index .fkgh-home .fkgh-intro{white-space:pre-line}
body#index .fkgh-home .fkgh-spot{background:var(--fkgh-green)!important;color:#07140a!important}
body#index .fkgh-home .fkgh-spot:hover{filter:brightness(1.12)}
body#index .fkgh-home .fkgh-spot-num{color:#07140a}
body#index .fkgh-home .fkgh-button{background:var(--fkgh-green)!important;color:#07140a!important;border-color:var(--fkgh-green)!important}
body#index:has(#fkgh-enabled-header){background:var(--fkgh-bg,#070c09)}
body#index:has(#fkgh-enabled-header) #header a:hover,
body#index:has(#fkgh-enabled-header) #header .top-menu a:hover{color:var(--fkgh-green,#66d171)!important}
@media(max-width:600px){
  body#index .fkgh-scene{aspect-ratio:var(--fkgh-mobile-ratio,var(--fkgh-desktop-ratio,1672 / 941))}
  body#index .fkgh-spot{left:var(--fkgh-mx,var(--fkgh-x));top:var(--fkgh-my,var(--fkgh-y))}
}
@media(hover:none){
  body#index .fkgh-spot-title{display:none}
}