/* =========================================================
   TALJER – PRODUKTSIDER
   Crane Partner AS
   ========================================================= */

html { scroll-behavior: smooth; }

.taljer-produkt-shell {
  width: 100%;
  padding: 28px 18px 42px;
  background: #eef1f2;
  box-sizing: border-box;
  overflow-x: clip;
}

.taljer-produkt-shell *,
.taljer-produkt-shell *::before,
.taljer-produkt-shell *::after { box-sizing: border-box; }

.taljer-produkt-page {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 28px 30px 36px;
  border: 1px solid #d9dddf;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  color: #292929;
}

.taljer-produkt-page a { color: #252525; }
.taljer-produkt-page a:hover { color: #0e1a41; }

/* Brødsmuler */
.taljer-produkt-page .breadcrumb {
  margin: 0 0 22px;
  font-size: .9rem;
}

.taljer-produkt-page .breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.taljer-produkt-page .breadcrumb li {
  display: inline-flex;
  align-items: center;
}

.taljer-produkt-page .breadcrumb li:not(:last-child)::after {
  content: "›";
  margin-left: 9px;
  color: #8a8a8a;
}

.taljer-produkt-page .breadcrumb a {
  color: #352f2f;
  text-decoration: underline;
}

.taljer-produkt-page .breadcrumb a:visited { color: #352f2f; }
.taljer-produkt-page .breadcrumb a:hover {
  color: #0e1a41;
  text-decoration: none;
}

.taljer-produkt-page .breadcrumb [aria-current="page"] { color:#666; }

/* Topp */
.taljer-produkt-header {
  max-width: 930px;
  margin-bottom: 24px;
}

.taljer-eyebrow {
  display: inline-block;
  margin-bottom: 7px;
  color: #686e71;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.taljer-produkt-header h1 {
  margin: 0 0 12px;
  font-size: clamp(1.95rem, 4vw, 2.8rem);
  line-height: 1.1;
}

.taljer-produkt-ingress {
  margin: 0;
  color: #494949;
  font-size: 1.07rem;
  line-height: 1.6;
}

.taljer-produkt-hero {
  display: grid;
  grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr);
  gap: 28px;
  align-items: center;
  margin-bottom: 24px;
}

.taljer-produkt-bilde,
.taljer-produktkort-bilde {
  min-width: 0;
  text-align: center;
}

.taljer-produkt-bilde img {
  display: inline-block;
  max-width: 100%;
  max-height: 360px;
  width: auto;
  height: auto;
}

.taljer-bildehint {
  margin: 8px 0 0;
  color: #777;
  font-size: .82rem;
}

.taljer-fakta {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
  margin-bottom: 18px;
}

.taljer-fakta > div {
  padding: 13px 12px;
  border: 1px solid #d8dcde;
  border-radius: 7px;
  background: #f8f9f9;
}

.taljer-fakta strong,
.taljer-fakta span { display:block; }

.taljer-fakta strong {
  margin-bottom: 4px;
  font-size: .96rem;
}

.taljer-fakta span {
  color: #666;
  font-size: .79rem;
  line-height: 1.35;
}

.taljer-produkt-info h2 {
  margin: 0 0 8px;
  font-size: 1.35rem;
}

.taljer-produkt-info p {
  margin: 0;
  color: #4e4e4e;
  line-height: 1.55;
}

.taljer-knapper {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.taljer-produkt-page .btn-kontakt,
.taljer-sekundarknapp {
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:10px 15px;
  border-radius:6px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}

.taljer-produkt-page .btn-kontakt {
  border:1px solid #252b2e;
  background:#252b2e;
  color:#fff !important;
}

.taljer-produkt-page .btn-kontakt:hover {
  background:#0e1a41;
  border-color:#0e1a41;
}

.taljer-sekundarknapp {
  border:1px solid #c9ced0;
  background:#fff;
  color:#2e3335 !important;
}

/* Hoppmeny */
.taljer-hopp {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin: 0 0 30px;
  scroll-margin-top: 18px;
}

.taljer-hopp a {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:9px 10px;
  border:1px solid #d8dcde;
  border-radius:6px;
  background:#f8f9f9;
  text-align:center;
  text-decoration:none;
  font-size:.88rem;
  font-weight:650;
  line-height:1.25;
}

.taljer-hopp a:hover {
  background:#eef1f2;
  border-color:#c7cccf;
}

/* Produktseksjoner */
.taljer-produkt-seksjon {
  margin-top: 30px;
  padding-top: 2px;
  scroll-margin-top: 18px;
}

.taljer-seksjonshode {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin-bottom:15px;
  padding:15px 18px;
  border-left:4px solid #676d71;
  border-radius:5px;
  background:#f2f4f5;
}

.taljer-seksjonshode h2 {
  margin:0;
  font-size:clamp(1.3rem,2.4vw,1.65rem);
  line-height:1.2;
}

.taljer-seksjonshode p {
  margin:4px 0 0;
  color:#666;
}

.taljer-produktkort {
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-bottom:16px;
  padding:18px;
  border:1px solid #dde0e2;
  border-radius:8px;
  background:#fff;
}

.taljer-produktkort-bilde img {
  display:inline-block;
  max-width:100%;
  max-height:240px;
  width:auto;
  height:auto;
}

.taljer-produktkort p {
  color:#4f4f4f;
  line-height:1.55;
}

.taljer-punktliste {
  margin:0;
  padding-left:20px;
  line-height:1.5;
}

.taljer-punktliste li + li { margin-top:6px; }

.taljer-tekstlenker {
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  margin-top:14px;
}

.taljer-tekstlenker a {
  font-weight:700;
}

/* Tabeller */
.taljer-tabell-wrap {
  width:100%;
  overflow-x:auto;
  border:1px solid #d8dcde;
  border-radius:7px;
}

.taljer-tabell {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  font-size:.9rem;
}

.taljer-tabell th,
.taljer-tabell td {
  padding:10px 11px;
  border-bottom:1px solid #e3e5e6;
  text-align:left;
  vertical-align:top;
}

.taljer-tabell th {
  background:#f1f3f4;
  font-weight:700;
}

.taljer-tabell tbody tr:last-child td { border-bottom:0; }
.taljer-tabell tbody tr:nth-child(even) { background:#fafafa; }

.taljer-utsolgt-rad {
  background:#f2f2f2 !important;
  color:#777;
}

.taljer-note {
  margin:10px 0 0;
  color:#626262;
  font-size:.88rem;
  line-height:1.45;
}

.taljer-advarsel {
  margin-top:12px;
  padding:13px 15px;
  border-left:4px solid #c67500;
  border-radius:5px;
  background:#fff8eb;
  line-height:1.5;
}

/* Pris */
.taljer-pris-detaljer {
  margin-top:12px;
  overflow:hidden;
  border:1px solid #d8dcde;
  border-radius:7px;
  background:#fafafa;
}

.taljer-pris-detaljer summary {
  cursor:pointer;
  padding:13px 15px;
  font-weight:700;
}

.taljer-pris-innhold {
  padding:0 15px 14px;
  border-top:1px solid #e2e4e5;
}

.taljer-pris-innhold p {
  margin:10px 0 0;
  color:#555;
  font-size:.92rem;
}

/* Bunndel */
.taljer-fagstoff {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}

.taljer-fagstoff section {
  padding:22px 24px;
  border:1px solid #d8dcde;
  border-radius:8px;
  background:#f7f8f8;
}

.taljer-fagstoff h2,
.taljer-sporsmal h2,
.taljer-cta h2 {
  margin:0 0 10px;
  font-size:1.4rem;
}

.taljer-fagstoff p,
.taljer-fagstoff li,
.taljer-sporsmal p,
.taljer-cta p {
  line-height:1.55;
}

.taljer-fagstoff ul {
  margin:0;
  padding-left:20px;
}

.taljer-sporsmal { margin-top:28px; }

.taljer-sporsmal details {
  margin-top:10px;
  overflow:hidden;
  border:1px solid #d8dcde;
  border-radius:7px;
  background:#fff;
}

.taljer-sporsmal summary {
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
}

.taljer-sporsmal details[open] summary {
  border-bottom:1px solid #e2e5e6;
  background:#f8f9f9;
}

.taljer-sporsmal details p {
  margin:0;
  padding:14px 16px 16px;
  color:#4f4f4f;
}

.taljer-cta {
  margin-top:28px;
  padding:24px 26px;
  border:1px solid #d8dcde;
  border-radius:8px;
  background:#f3f5f5;
  text-align:center;
}

.taljer-cta p {
  max-width:760px;
  margin:0 auto 16px;
  color:#4f4f4f;
}

.es-forms-floating-button { display:none !important; }

@media screen and (max-width:980px) {
  .a2a_floating_style.a2a_floating_style { display:none; }
  .taljer-produkt-hero { grid-template-columns:1fr; }
  .taljer-hopp { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .taljer-produktkort { grid-template-columns:180px minmax(0,1fr); }
}

@media screen and (max-width:760px) {
  .taljer-produkt-shell { padding:12px 8px 26px; }
  .taljer-produkt-page {
    padding:18px 14px 24px;
    border-radius:7px;
  }

  .taljer-produkt-page .breadcrumb {
    font-size:.82rem;
    margin-bottom:18px;
  }

  .taljer-fakta { grid-template-columns:1fr; }

  .taljer-seksjonshode {
    grid-template-columns:1fr;
  }

  .taljer-seksjonshode .btn-kontakt {
    width:100%;
  }

  .taljer-produktkort {
    grid-template-columns:1fr;
    gap:14px;
    padding:14px;
  }

  .taljer-produktkort-bilde img { max-height:220px; }

  .taljer-tabell-wrap {
    overflow:visible;
    border:0;
  }

  .taljer-tabell,
  .taljer-tabell thead,
  .taljer-tabell tbody,
  .taljer-tabell tr,
  .taljer-tabell td {
    display:block;
    width:100%;
  }

  .taljer-tabell thead {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }

  .taljer-tabell tr {
    margin-bottom:10px;
    overflow:hidden;
    border:1px solid #d8dcde;
    border-radius:7px;
    background:#fff;
  }

  .taljer-tabell td {
    display:grid;
    grid-template-columns:minmax(110px,.9fr) minmax(0,1.1fr);
    gap:10px;
    padding:8px 10px;
    border-bottom:1px solid #eceeef;
  }

  .taljer-tabell td:last-child { border-bottom:0; }

  .taljer-tabell td::before {
    content:attr(data-label);
    font-weight:700;
    color:#454545;
  }

  .taljer-fagstoff {
    grid-template-columns:1fr;
    gap:12px;
    margin-top:26px;
  }

  .taljer-fagstoff section,
  .taljer-cta { padding:18px 16px; }

  .taljer-cta .btn-kontakt { width:100%; }
}

@media screen and (max-width:480px) {
  .taljer-hopp { grid-template-columns:1fr; }
  .taljer-knapper {
    display:grid;
    grid-template-columns:1fr;
  }
  .taljer-knapper > * { width:100%; }
  .taljer-tabell td {
    grid-template-columns:1fr;
    gap:3px;
  }
}


/* Footer – sentrert på alle taljeproduktsider */
#p7HMY_4 .hmy-content.footer,
#p7HMY_4 .hmy-content.hmy-left,
#p7HMY_4 .footer {
  text-align: center !important;
}

#p7HMY_4 .footer .fancy-text2,
#p7HMY_4 .footer .rank-3 {
  display: inline-block;
  text-align: center;
}


/* WH-C4 – behold bakgrunnsbildet fra den tidligere siden */
body.wh-c4-side {
  background: #1b1f22 url("../bg/bg-16.jpg") center top / cover fixed no-repeat;
}

body.wh-c4-side .taljer-produkt-shell.wh-bakgrunn {
  background: transparent;
  padding-top: 42px;
  padding-bottom: 54px;
}

body.wh-c4-side .taljer-produkt-shell.wh-bakgrunn .taljer-produkt-page {
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
}

@media screen and (max-width: 760px) {
  body.wh-c4-side {
    background-attachment: scroll;
    background-position: center top;
  }

  body.wh-c4-side .taljer-produkt-shell.wh-bakgrunn {
    padding-top: 18px;
    padding-bottom: 24px;
  }
}


/* Tiger offshore-taljer – behold bakgrunnsbildet fra den tidligere siden */
body.tiger-side {
  background: #1b1f22 url("../bg/bg-16.jpg") center top / cover fixed no-repeat;
}

body.tiger-side .taljer-produkt-shell.tiger-bakgrunn {
  background: transparent;
  padding-top: 42px;
  padding-bottom: 54px;
}

body.tiger-side .taljer-produkt-shell.tiger-bakgrunn .taljer-produkt-page {
  background: rgba(255,255,255,.97);
  box-shadow: 0 6px 24px rgba(0,0,0,.24);
}

.tiger-logo-blokk {
  margin: 0 0 14px;
}

.tiger-logo-blokk img {
  display: block;
  width: auto;
  max-width: 90px;
  max-height: 100px;
}

.tiger-tegning-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-top: 12px;
}

.tiger-tegning-grid-3 {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.tiger-tegning-grid a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 10px;
  border: 1px solid #d8dcde;
  border-radius: 7px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

.tiger-tegning-grid img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: contain;
}

@media screen and (max-width: 900px) {
  .tiger-tegning-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .tiger-tegning-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media screen and (max-width: 760px) {
  body.tiger-side {
    background-attachment: scroll;
    background-position: center top;
  }
  body.tiger-side .taljer-produkt-shell.tiger-bakgrunn {
    padding-top: 18px;
    padding-bottom: 24px;
  }
  .tiger-logo-blokk img { margin: 0 auto; }
  .tiger-tegning-grid,
  .tiger-tegning-grid-3 { grid-template-columns: 1fr 1fr; }
  .tiger-tegning-grid img { height: 155px; }
}

@media screen and (max-width: 430px) {
  .tiger-tegning-grid,
  .tiger-tegning-grid-3 { grid-template-columns: 1fr; }
  .tiger-tegning-grid img { height: 200px; }
}