.elementor-7281 .elementor-element.elementor-element-3091ba1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7281 .elementor-element.elementor-element-3091ba1:not(.elementor-motion-effects-element-type-background), .elementor-7281 .elementor-element.elementor-element-3091ba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7281 .elementor-element.elementor-element-3091ba1 > .elementor-background-overlay{opacity:0.05;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7281 .elementor-element.elementor-element-3091ba1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-7281 .elementor-element.elementor-element-e661bec:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gedoc.se/wp-content/uploads/2026/01/ChatGPT-Image-16-jan.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-widget-wrap{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-bc-flex-widget .elementor-7281 .elementor-element.elementor-element-dfb841d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7281 .elementor-element.elementor-element-dfb841d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:30px;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 80px;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7281 .elementor-element.elementor-element-b5666a8 > .elementor-widget-container{margin:0px -300px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b5666a8{z-index:1;text-align:left;}.elementor-7281 .elementor-element.elementor-element-b5666a8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:2.7em;font-weight:700;color:#485BB4;}.elementor-7281 .elementor-element.elementor-element-0645d93 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-0645d93 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:23px;font-weight:400;}.elementor-7281 .elementor-element.elementor-element-90a6f44{font-family:"Helvetica", Sans-serif;font-weight:700;}.elementor-7281 .elementor-element.elementor-element-1320d9a .elementor-button{font-family:"Helvetica", Sans-serif;font-size:15px;}.elementor-7281 .elementor-element.elementor-element-047fd73 .elementor-button{font-family:"Helvetica", Sans-serif;font-size:11px;}.elementor-7281 .elementor-element.elementor-element-83e7938{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7281 .elementor-element.elementor-element-83e7938 .elementor-divider-separator{width:100%;}.elementor-7281 .elementor-element.elementor-element-83e7938 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7281 .elementor-element.elementor-element-2d844f7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:22px;font-weight:bold;}.elementor-7281 .elementor-element.elementor-element-b84b731{width:var( --container-widget-width, 18.389% );max-width:18.389%;--container-widget-width:18.389%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-b84b731 > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b84b731.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7281 .elementor-element.elementor-element-b84b731 img{width:100%;}.elementor-7281 .elementor-element.elementor-element-42698fc{width:var( --container-widget-width, 18.556% );max-width:18.556%;--container-widget-width:18.556%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-42698fc > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-42698fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7281 .elementor-element.elementor-element-42698fc img{width:100%;}.elementor-7281 .elementor-element.elementor-element-152c4dd{width:var( --container-widget-width, 18.556% );max-width:18.556%;--container-widget-width:18.556%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-152c4dd > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-152c4dd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7281 .elementor-element.elementor-element-152c4dd img{width:100%;}.elementor-7281 .elementor-element.elementor-element-34f706c{width:var( --container-widget-width, 18.556% );max-width:18.556%;--container-widget-width:18.556%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-34f706c > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-34f706c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7281 .elementor-element.elementor-element-34f706c img{width:100%;}.elementor-7281 .elementor-element.elementor-element-2a1fcecc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:112px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-7281 .elementor-element.elementor-element-2a1fcecc:not(.elementor-motion-effects-element-type-background), .elementor-7281 .elementor-element.elementor-element-2a1fcecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFFFF;}.elementor-7281 .elementor-element.elementor-element-66f8aa0e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:110px;--padding-right:110px;}.elementor-7281 .elementor-element.elementor-element-7db4d627 .elementskit-section-title-wraper .elementskit-section-title{color:#000000;margin:0px 0px 61px 0px;font-family:"Roboto", Sans-serif;font-size:40px;font-weight:800;line-height:46px;}.elementor-7281 .elementor-element.elementor-element-7db4d627 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-7281 .elementor-element.elementor-element-7db4d627 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#FFFFFF;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;line-height:22px;color:#000000;padding:25px 30px 24px 30px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body, .elementor-7281 .elementor-element.elementor-element-6288e8a7 .accordion.floating-style .elementskit-card-body{background-color:#FFFFFF;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#686779;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#686779;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:2px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body p{color:#6A6A6A;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body{color:#6A6A6A;border-radius:0px 0px 0px 0px;padding:0px 50px 30px 30px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body p, .elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion > .elementskit-card.active{border-radius:0px 0px 0px 0px;box-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.06);}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion > .elementskit-card{border-radius:0px 0px 0px 0px;box-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.06);}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .ekit_accordion_icon_group, .elementor-7281 .elementor-element.elementor-element-6288e8a7 .ekit_accordion_icon_left_group{margin:0px 30px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-9877a71{--display:flex;}.elementor-7281 .elementor-element.elementor-element-59d82a7{--display:flex;}.elementor-7281 .elementor-element.elementor-element-cd07b42{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7281 .elementor-element.elementor-element-88c68a7{--display:flex;}.elementor-7281 .elementor-element.elementor-element-1430859{--display:flex;}.elementor-7281 .elementor-element.elementor-element-f9bf1a0{--display:flex;}@media(min-width:768px){.elementor-7281 .elementor-element.elementor-element-2a1fcecc{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7281 .elementor-element.elementor-element-e661bec{width:33%;}.elementor-7281 .elementor-element.elementor-element-dfb841d{width:67%;}}@media(min-width:1025px){.elementor-7281 .elementor-element.elementor-element-e661bec:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-7281 .elementor-element.elementor-element-3091ba1{padding:80px 50px 80px 50px;}.elementor-bc-flex-widget .elementor-7281 .elementor-element.elementor-element-e661bec.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7281 .elementor-element.elementor-element-e661bec.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-dfb841d.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-element-populated{padding:0px 0px 0px 50px;}.elementor-7281 .elementor-element.elementor-element-b5666a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-2d844f7{text-align:left;}.elementor-7281 .elementor-element.elementor-element-b84b731{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;text-align:left;}.elementor-7281 .elementor-element.elementor-element-b84b731 img{width:100px;}.elementor-7281 .elementor-element.elementor-element-42698fc{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;text-align:left;}.elementor-7281 .elementor-element.elementor-element-42698fc img{width:100px;}.elementor-7281 .elementor-element.elementor-element-152c4dd{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;text-align:left;}.elementor-7281 .elementor-element.elementor-element-152c4dd img{width:100px;}.elementor-7281 .elementor-element.elementor-element-34f706c{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;text-align:left;}.elementor-7281 .elementor-element.elementor-element-34f706c img{width:100px;}}@media(max-width:767px){.elementor-7281 .elementor-element.elementor-element-3091ba1{padding:60px 25px 60px 25px;}.elementor-7281 .elementor-element.elementor-element-e661bec > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:8px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-7281 .elementor-element.elementor-element-dfb841d > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-2c40af5 > .elementor-widget-container{margin:-31px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b5666a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b5666a8{text-align:left;}.elementor-7281 .elementor-element.elementor-element-0645d93 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-2d844f7 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-1ccc696 > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b84b731{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-b84b731 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-b84b731 img{width:70px;}.elementor-7281 .elementor-element.elementor-element-42698fc{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-42698fc > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-42698fc img{width:85px;}.elementor-7281 .elementor-element.elementor-element-152c4dd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-152c4dd > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-152c4dd img{width:85px;}.elementor-7281 .elementor-element.elementor-element-34f706c{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7281 .elementor-element.elementor-element-34f706c > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7281 .elementor-element.elementor-element-34f706c img{width:85px;}.elementor-7281 .elementor-element.elementor-element-2a1fcecc{--padding-top:73px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7281 .elementor-element.elementor-element-66f8aa0e{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-7281 .elementor-element.elementor-element-7db4d627 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 40px 0px;font-size:34px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:16px;padding:20px 15px 20px 15px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body p, .elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body{font-size:14px;line-height:20px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-body{padding:0px 15px 20px 15px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{font-size:16px;}.elementor-7281 .elementor-element.elementor-element-6288e8a7 .ekit_accordion_icon_group, .elementor-7281 .elementor-element.elementor-element-6288e8a7 .ekit_accordion_icon_left_group{margin:0px 15px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-14bfb62 */.product-hero {
  padding: 80px 20px;
}

.product-wrapper {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}

.product-image img {
  width: 100%;
  border-radius: 18px;
  background: #f6f7f8;
  padding: 40px;
}

.product-category {
  color: #1fa37a;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 10px;
}

.badge {
  background: #1fa37a;
  color: white;
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 12px;
  margin-left: 10px;
}

.product-info h1 {
  font-size: 48px;
  font-weight: 300;
  color: #2f3c44;
  margin-bottom: 10px;
}

.product-name {
  color: #1fa37a;
  font-weight: 500;
  margin-bottom: 12px;
}

.divider {
  width: 50px;
  height: 2px;
  background: #1fa37a;
  margin: 12px 0 20px;
}

.product-info p {
  color: #5a6a73;
  line-height: 1.7;
  max-width: 420px;

  font-family: "Gotham", sans-serif !important;
  font-weight: 300 !important;
}

.product-tags {
  margin-top: 24px;
}

.product-tags span {
  display: inline-block;
  padding: 8px 16px;
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 12px;
  border-radius: 20px;
  border: none;

  background: linear-gradient(135deg, #eaf4f1 0%, #dff1eb 100%);
  color: #1fa37a;
  font-weight: 500;

  transition: all 0.2s ease;
}

.product-tags span:hover {
  background: linear-gradient(135deg, #1fa37a 0%, #2bbf93 100%);
  color: white;
  transform: translateY(-1px);
}


/* DOCUMENT BUTTONS */

.product-documents {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.doc-btn {
  padding: 10px 18px;
  border-radius: 30px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
  border: none;

  background: linear-gradient(135deg, #1fa37a, #2bbf93);
  color: #ffffff !important;

  transition: all 0.25s ease;
}

.doc-btn:hover {
  background: linear-gradient(135deg, #17906c, #25a985);
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(31,163,122,0.25);
}

.doc-btn:visited,
.doc-btn:active {
  color: #ffffff !important;
}


/* =========================
   PRODUCT HERO — MOBIL
   ========================= */

@media (max-width: 768px) {

  .product-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .product-image-box {
    height: auto;
    padding: 24px;
  }

  .main-product-image {
    max-width: 100%;
    max-height: 260px;
  }

  .product-thumbnails {
    flex-wrap: wrap;
    justify-content: center;
  }

  .thumb {
    width: 52px;
    height: 52px;
  }

  .product-info h1 {
    font-size: 32px;
  }

  .product-info p {
    max-width: 100%;
    font-size: 15px;
  }

  .product-tags span {
    font-size: 11px;
    padding: 6px 12px;
  }

  .product-hero {
    padding: 50px 20px;
  }

}
.product-image-box {
  position: relative;
}
.img-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: 1.5px solid #e0e0e0;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #2f3c44;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-arrow:hover {
  border-color: #1fa37a;
  color: #1fa37a;
}
.img-arrow.left  { left: 10px; }
.img-arrow.right { right: 10px; }
#productMainImg.fade { opacity: 0; transition: opacity 0.2s; }
#productMainImg { transition: opacity 0.2s; }
.product-image-box {
  position: relative;
  height: 800px;
}

.product-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5c386e */.product-hero {
  padding: 80px 20px;
}

.product-wrapper {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}

.product-image img {
  width: 100%;
  border-radius: 18px;
  background: #f6f7f8;
  padding: 40px;
}

.product-category {
  color: #1fa37a;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 10px;
}

.badge {
  background: #1fa37a;
  color: white;
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 12px;
  margin-left: 10px;
}

.product-info h1 {
  font-size: 48px;
  font-weight: 300;
  color: #2f3c44;
  margin-bottom: 10px;
}

.product-name {
  color: #1fa37a;
  font-weight: 500;
  margin-bottom: 12px;
}

.divider {
  width: 50px;
  height: 2px;
  background: #1fa37a;
  margin: 12px 0 20px;
}

.product-info p {
  color: #5a6a73;
  line-height: 1.7;
  max-width: 420px;

  font-family: "Gotham", sans-serif !important;
  font-weight: 300 !important;
}

.product-tags {
  margin-top: 24px;
}

.product-tags span {
  display: inline-block;
  padding: 8px 16px;
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 12px;
  border-radius: 20px;
  border: none;

  background: linear-gradient(135deg, #eaf4f1 0%, #dff1eb 100%);
  color: #1fa37a;
  font-weight: 500;

  transition: all 0.2s ease;
}

.product-tags span:hover {
  background: linear-gradient(135deg, #1fa37a 0%, #2bbf93 100%);
  color: white;
  transform: translateY(-1px);
}


/* DOCUMENT BUTTONS */

.product-documents {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.doc-btn {
  padding: 10px 18px;
  border-radius: 30px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
  border: none;

  background: linear-gradient(135deg, #1fa37a, #2bbf93);
  color: #ffffff !important;

  transition: all 0.25s ease;
}

.doc-btn:hover {
  background: linear-gradient(135deg, #17906c, #25a985);
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(31,163,122,0.25);
}

.doc-btn:visited,
.doc-btn:active {
  color: #ffffff !important;
}


/* =========================
   PRODUCT HERO — MOBIL
   ========================= */

@media (max-width: 768px) {

  .product-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .product-image-box {
    height: auto;
    padding: 24px;
  }

  .main-product-image {
    max-width: 100%;
    max-height: 260px;
  }

  .product-thumbnails {
    flex-wrap: wrap;
    justify-content: center;
  }

  .thumb {
    width: 52px;
    height: 52px;
  }

  .product-info h1 {
    font-size: 32px;
  }

  .product-info p {
    max-width: 100%;
    font-size: 15px;
  }

  .product-tags span {
    font-size: 11px;
    padding: 6px 12px;
  }

  .product-hero {
    padding: 50px 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0f1435 */.pg-zoom {
  background: #1fa37a !important;
}

.pg-zoom:hover {
  background: #17906c !important;
}
.pg-arrow {
  background: #1fa37a !important;
}

.pg-arrow:hover {
  background: #17906c !important;
}

.pg-arrow:disabled {
  background: #c8ddd9 !important;
}
.pg-lb-close {
  background: #1fa37a !important;
}

.pg-lb-close:hover {
  background: #17906c !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee37976 */.product-description {
  padding: 1px 20px 80px;
}

.product-description-container {
  max-width: 900px;
  margin: auto;
}

/* HIGHLIGHT BLOCK */
.description-highlight {
  position: relative;
  padding-left: 28px;

  transition: all 0.35s ease;
}

/* GRADIENT STRECK */
.description-highlight::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;

  background: linear-gradient(
    180deg,
    #1fa37a 0%,
    #7fdcc6 100%
  );

  border-radius: 4px;
  transition: all 0.35s ease;
}

/* TEXT — ALLT i blocket */
.description-highlight,
.description-highlight p {
  font-family: "Gotham", sans-serif !important;
  font-weight: 300 !important;
  font-style: normal;
}

.description-highlight p {
  color: #5a6a73;
  line-height: 1.85;
  margin-bottom: 18px;
  font-size: 16px;
  transition: color 0.35s ease;
}

/* =========================
   HOVER ANIMATION
   ========================= */

.description-highlight:hover {
  transform: translateY(-3px);
}

.description-highlight:hover::before {
  box-shadow: 0 0 12px rgba(31,163,122,0.35);
}

.description-highlight:hover p {
  color: #44535c;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd67620 *//* SECTION — full width bakgrund */
.product-specs {
  padding: 100px 0;
  background: #f8faf9;

  /* gör att bakgrunden går ut till viewportens kanter */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


/* centrerat innehåll */
.specs-wrapper {
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

/* CARDS */
/* SECTION — full width bakgrund */
.product-specs {
  padding: 100px 0;

  background: url("https://gedoc.se/wp-content/uploads/2026/03/Bakgrund.png") center/cover no-repeat;

  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/* HEADER */
.spec-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}

.spec-icon {
  width: 44px;
  height: 44px;
  background: #eaf4f1;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spec-icon svg {
  width: 20px;
  height: 20px;
  stroke: #1fa37a;
}

.spec-header h3 {
  font-size: 20px;
  color: #2f3c44;
  margin: 0;
}

.spec-header span {
  display: block;
  font-size: 13px;
  color: #7a8a93;
  margin-top: 2px;
}

/* LIST */
.spec-list {
  list-style: none;      /* tar bort punkter */
  padding: 0;
  margin: 0;
}

.spec-list li {
  list-style: none;      /* extra säker */
  position: relative;
  margin-bottom: 16px;
  font-size: 15px;
  color: #4d5b63;
  padding: 10px 12px 10px 40px;
  border-radius: 10px;
  transition: background 0.2s ease;
}

/* CHECK ICON */
.spec-list li::before {
  content: "✓";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: #eaf4f1;
  border-radius: 50%;
  color: #1fa37a;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* HOVER EFFECT */
.spec-list li:hover {
  background: #eef6f3;
  border-left: 3px solid #1fa37a;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .specs-wrapper {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */